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