2014-03-03 27 views
0

我想知道是否有方法來告訴頁面是否滾動到某個div。我試圖改變一個div的顏色,當它已經超過了頁面上的某個點時。我知道我可以使用scrolltotop方法來完成這項工作:有什麼辦法可以告訴頁面已經滾動到某個div上嗎?

if($(window).scrollTop() > 0){ 
//code 
} 

雖然我不知道是否我會得到網頁上的div的高度,然後再從那裏還是有一個內置的方法來檢查如果一個div已經滾動到?

回答

2

你可以做的是取scrollTop和innerHeight的總和,當它等於scrollHeight時,你已經到達了div的末尾,像這樣:

$('divselector').bind('scroll', function()        { 
          if($(this).scrollTop() + $(this).innerHeight()>=$(this)[0].scrollHeight) 
          { 
           alert('End of div'); 
          } 
          }) 

Demo

1

可能是這樣

獲取股利變量divHeight

檢查滾動高度,如果目前的Window.ScrollTop > divHeight比這個變量

更大的應用chnage

相關問題