在页面加载并滚动到＃标签锚点后执行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();
    });
});