Scroll

jemand anders · 23. September 2016

Hallo,

https://jsfiddle.net/wkubLzew/
Wenn der 2. Div beim Scrollen unter das Menü gerät, soll es rot (werden vor Wut).
Wer weiß, wie es geht?

Grüße

SpiceLab · 23. September 2016

phwert hat gesagt.:
Wenn der 2. Div beim Scrollen unter das Menü gerät, soll es rot (werden vor Wut).
Wer weiß, wie es geht?

*Fingerschnippen*

.scrollTop() gibt die aktuelle vertikale Position des Scrollbalkens für das entsprechende Element zurück

Der Rest ist triviale Mathematik, die anvisierte Scrollposition (OK #d2 = UK nav) für .addClass() / .removeClass() zu ermitteln - in diesem Anwendungsfall sind uns .offset() (= #d2) und .height() (= nav) dabei behilflich

Code:

$(window).on('scroll', function() {
  if ($(this).scrollTop() > $('#d2').offset().top - $('nav').height()) {
       $('nav').addClass('red');
   } else {
       $('nav').removeClass('red');
   }
});

Demo: https://jsfiddle.net/spicelab/yo6bp1g9/

Zwecks "detecting current scroll offset/scroll position" pack' ich noch zwei Links gratis oben drauf

_______________________________________________
Legende: OK = Oberkante, UK = Unterkante

[edit]Tipp-Ex[/edit]

Scroll

jemand anders

Erfahrenes Mitglied

SpiceLab

ZENmechanic

Neue Beiträge