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