在頁面加載並滾動到＃標簽錨點后執行javascript

Question

我有一個包含許多部分的網頁，所有部分都可以滾動到使用＃標簽鏈接（例如www.marie-charlot.be/#weiss ）。

我知道如何執行在頁面加載后觸發的javascript函數（使用$(document).ready ，但這些函數通常在頁面向下滾動到正確的部分（ #weiss錨點）之前觸發。

滾動后如何執行腳本？

Answer 1

你應該使用JQuery插件Waypoints 。

例：

$('.entry').waypoint(function() {
   alert('You have scrolled to an entry.');
});

Answer 2

$(document).ready(function() {
    var anchorTop = $('#my-anchor').offset().top;

    $(document).scroll(function() {
        if($(document).scrollTop() >= anchorTop)
            yourFunctionHere();
    });
});