[jQuery] 偵測頁面捲動到哪個 id 的區塊內

在網頁我們會利用 a 帶錨點後點擊可以到指定的 id，要做得更好的會再搭配捲動位置或點擊後切換選單的狀態，比如 onePageNav 這隻 plugin。

如果想要自己完成的話可以參考以下的 code

我先準備 html：

<div class="block" id="block1"></div>
<div class="block" id="block2"></div>
<div class="block" id="block3"></div>
<div class="block" id="block4"></div>
...

接著套用 jQuery：

$(document).on('scroll',function(e) {
    $('.block').each(function () {
        if ($(this).offset().top < window.pageYOffset
            && $(this).offset().top +
            $(this).height() > window.pageYOffset
        ) {
            var hash = $(this).attr('id');
            //do something here
        }
    });
})

接著就可以依據抓到的 id 去做對應的事件了。