2016-10-11 34 views
0

我正在一個網站上有全身幻燈片,身體的溢出是隱藏的。如果幻燈片的內容大於用戶屏幕的高度,則用戶需要使用滾動條進行滾動或通過向下滑動移動。如果div滾動大於-JS事件

我需要它,這樣,如果用戶滾動大於(例如)50像素一個JS事件觸發,如果用戶滾動回了另一個JS事件觸發。這將允許我隱藏一個元素,如果用戶滾動,元素重新添加到頂部。

我已經使用其適用於當用戶滾動,但我需要能夠爲它定義爲大於值以下,然後讓其他事件時,它小於該值。

$(".section").scroll(function() { 
    $("#header").css("display", "none").fadeOut("slow"); 
}); 

任何想法將大規模讚賞傢伙!

乾杯 利亞姆

+0

使用'scrollTop'財產弄清楚如何遠了用戶滾動。 –

+0

所以看看滾動位置 – epascarello

回答

1

嘗試使用$(this).scrollTop()

$(".section").scroll(function() { 
    if ($(this).scrollTop() > 50) { 
    // do something 
    } else { 
    // do something else 
    } 
}); 
+0

這絕對完美,非常感謝你! – user3711642

+0

不客氣,很高興我可以幫助:) – Pete