javascript - 到达锚标记时如何运行javascript函数？

Question

function传递页面部分时是否可以运行javascript ？我想要实现的是类似于 Twitter Bootstrap 的滚动间谍。

Answer 1

您可以使用waypoints插件：

http://imakewebthings.com/jquery-waypoints/

Waypoints 是一个 jQuery 插件，当你滚动到一个元素时，它可以很容易地执行一个函数。

Answer 2

这是一个小提琴，它通过在元素上注册一个自定义事件来完成您正在寻找的行为，该事件a基于您认为合适的逻辑触发的元素。

在示例中，当a元素的位置在文档可见部分顶部的 0 到 100 范围内时触发事件。

JS

$(function() {
    $('a').on('reached', function() {
        alert('Reached ' + $(this).attr('id'));
    });
    $(document).on('scroll', function() {
        $('a').each(function() {
            var wt = $(window).scrollTop();
            var at = $(this).position().top;
            var dt = at - wt;
            if( dt >= 0 && dt < 100)
                $(this).trigger('reached');
        });
    });
})

希望能帮助到你。

Answer 3

您可以使用 jQuery 的 scrollTop 功能。

您可以使用 position() 函数获取锚标记位置，并尝试将其与 scrollTop 返回值匹配。