Zawsze widoczny div, ale tylko gdy inny div poza widokiem

0

Przepraszam za temat ale nie umiałem tego opisać jasno w jednym zdaniu.
Mam taki problem, że mam gdzieś na stronie niedużego diva z tekstem (nazwijmy go #message).
Strona jest zbudowana tak że pionowo (jeden pod drugim są ustawione divy: div1, div2, div3, div4, div5 itd.) Powiedzmy ze mój #message jest umieszczony wewnątrz div2.
I teraz chciałbym aby strona zachowywała się tak, że gdy div4 jest widoczny dla użytkownika to #message ma być na swoim miejscu (wewnątrz div2).
Jeśli jednak user wyjedzie stroną na górę (tak że div4 będzie niewidoczny) wtedy mój #message powinien być na pierwszym planie przyklejony do dołu okna przeglądarki i zawsze widoczny (jak taki zawsze widoczny footer.
Mam do dyspozycji jQuery i ew. Bootstrap 3.0.
Próbowałem bootstrapem (element nav), próbowałem własną funkcją JS, ale efektu za nic nie mogę osiągnać.
Bardzo Was proszę o pomoc w tej sytuacji.

0

plugin jQuery: waypoint, 10 minut z dokumentacją i ogarniesz ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1