Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/security/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在页面加载并滚动到标签锚点后执行javascript_Javascript_Jquery - Fatal编程技术网

在页面加载并滚动到标签锚点后执行javascript

在页面加载并滚动到标签锚点后执行javascript,javascript,jquery,Javascript,Jquery,我有一个网页,其中包含一系列部分,所有部分都可以使用标签链接(例如www.marie-charlot.be/#weiss)滚动到 我知道如何执行在页面加载后触发的javascript函数(使用$(document).ready),但这些函数通常在页面向下滚动到正确的部分之前触发(使用#weiss锚定) 滚动后如何执行脚本?为此,您应该使用JQuery插件 示例: $('.entry').waypoint(function() { alert('You have scrolled to an

我有一个网页,其中包含一系列部分,所有部分都可以使用标签链接(例如
www.marie-charlot.be/#weiss
)滚动到

我知道如何执行在页面加载后触发的javascript函数(使用
$(document).ready
),但这些函数通常在页面向下滚动到正确的部分之前触发(使用
#weiss
锚定)


滚动后如何执行脚本?

为此,您应该使用JQuery插件

示例:

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

看一看Scrollspy应该会对你有所帮助。它可以根据用户滚动到页面的哪个部分来执行函数。路径点看起来非常相似。你的插件有回调选项…使用它我已经在使用Jquery路径点来更改页面的状态(例如,确定我当前在哪个集合中)。关键是我想等待页面向下滚动,以便在我想调用的函数中使用此状态更改。它实际上是通过提取hashtag id并向具有该id的锚添加单个调用函数来工作的。
$(document).ready(function() {
    var anchorTop = $('#my-anchor').offset().top;

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