如何在每次使用jQuery查看某個元素時執行某些操作？

Question

現在每次用戶達到我的頁面的底部我使用此代碼更新網址的哈希：

var new_page_value = 1; 
$(window).scroll(function() { 
    if($(window).scrollTop() == $(document).height() - $(window).height()) { 
     new_page_value += 1; 
     window.location.hash = 'page-' + new_page_value; 
    } 
}); 

我如何可以做同樣的，當用戶滾動以往任何與類的div的「頁「在下面的代碼中？例如，如果用戶滾動查看第一個哈希應該更新到＃page-1，但只要他們滾動到視圖第二個哈希應該更新到＃page-2等等。如果他們回滾到第一個哈希應該再次更新到＃page-1。基本上，散列值應根據所看到的任何div進行更新。

<div class="page" data-page-num="1"></div> 

<br /><br /><br /><br /><br /><br /><br /><br /><br /> 

<div class="page" data-page-num="2"></div> 

<br /><br /><br /><br /><br /><br /><br /><br /><br /> 

<div class="page" data-page-num="3"></div> 

Answer 1

該代碼可能會有所幫助，但它可能會在客戶端有點密集。

var new_page_value = 1; 
$(window).scroll(function() { 
    $(".page").each(function() { 
     var position = $(this).position(); 
     if($(window).scrollTop() == position.top) { 
      new_page_value += 1; 
      window.location.hash = 'page-' + new_page_value; 
     } 
    }); 

    if($(window).scrollTop() == $(document).height() - $(window).height()) { 
     new_page_value += 1; 
     window.location.hash = 'page-' + new_page_value; 
    } 
});