function
传递页面部分时是否可以运行javascript ?我想要实现的是类似于 Twitter Bootstrap 的滚动间谍。
问问题
2043 次
3 回答
6
您可以使用waypoints
插件:
http://imakewebthings.com/jquery-waypoints/
Waypoints 是一个 jQuery 插件,当你滚动到一个元素时,它可以很容易地执行一个函数。
于 2013-06-06T17:04:10.790 回答
4
这是一个小提琴,它通过在元素上注册一个自定义事件来完成您正在寻找的行为,该事件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');
});
});
})
希望能帮助到你。
于 2013-06-06T17:19:29.177 回答
3
您可以使用 jQuery 的 scrollTop 功能。
您可以使用 position() 函数获取锚标记位置,并尝试将其与 scrollTop 返回值匹配。
于 2013-06-06T17:00:08.317 回答