[Gregoo]

#css #html #webdev #jquery

Mirki mam pytanie odnośnie zmiany pozycji tła diva. Chciałbym uzyskać efekt, który zastosowano tutaj:

LINK

Mianowicie chodzi mi o te zielone tła divów. Gdy scrollujesz stronę, zielone tło zmienia swoją pozycję nieznacznie w górę lub w dół.

Narazie udało mi się uzyskać efekt zmiany background-position, ale dla całej całej strony. No i na tym można stosować naprzemiennie obiekty z tłem lub bez, np tak:

LINK

Moje pytanie brzmi: Czy taki efekt można uzyskać dla pojedynczego diva na stronie? Tak aby po scrolowaniu strony tło zmieniało pozycje bezpośrednio w obiekcie a nie na całej stronie?. Można by wówczas zastosować taki efekt parę razy na stronie, każdorazowo z innym tłem.

[epi]

@Gregoo: trochę dziwne podejście wybrałeś :)

tło nie zmienia pozycji :)

kazda opcja menu jest osobnym elementem, który ma swoje tło, defaultowo białe (lub przezroczyste)

wybrany element ma dodatkową klasę z zielonym tłem

scrollujac stronę ta klasa ustawia się na odpowiednim elemencie

tu masz przykład w bootstrapie: http://getbootstrap.com/javascript/#scrollspy

[WojTech80]

@Gregoo: poszukaj "jquery parallax" - powinieneś znaleźć to czego potrzebujesz.

[Gregoo]

@epi: Mi nie chodzi o tło elementów navbara, mi chodzi o tło divów które są poniżej tych z nagłówkami:"Our Video Presentation, Testimonials, Our Partners, Get In Touch"

[Gregoo]

@WojTech80: Dzięki, o to mi chodziło, a ja głowię się od 4 jak to można zrobić :)

[WojTech80]

@Gregoo: :) czyli trafiłem. Spoko, dzięki jquery zrobisz to prosto i szybko, tylko przeglądnij sobie parę skryptów, bo mogą różnić się poziomem skomplikowania (i bajerami).

[epi]

@Gregoo: aha, nie skumałem, bo nie zauwazylem, że tam się coś przesuwa :)