Zmiana koloru menu, po scrollowaniu do nastepnej sekcji.

Question

Witam!
jak uzyskać taki efekt aby po przejechaniu do kolejnych sekcji, background-color menu zmienilo się na czarne
https://jsfiddle.net/DTcHh/10068/

Żeby tylko w sekcji "intro" menu było półprzeźroczyste, a kiedy zjedziemy do ABOUT, kolor zmienił się na czarny?

Answer 1

Można oprzeć się na scrollspy dostarczanym z BS-em

Answer 2

Wiesz co patrząc po przykładzie, który zamieściłeś to poprostu masz kilka kontenerów których kolor jest odrębnie zdefiniowany. Swtorz parę divów głównych i ustaw jeden pod drugim. Div główny rozumiem jako taki który będzie oznaczał kolejne najważniejsze elementy strony. Czyli coś w rodzaju ABOUT, PRODUCTS, CONTACT.

EDIT: przeźroczystośc osiągami dzięki właściwości 'transapernt' czyli - backgorund-clolor: transparent; Jak nie będziesz miał zadnego koloru czy obrazu w tym divie zdefiniowanego jako tło , to poprostu div bedzie biały.