我使用Inview快捷方式使jQuery Waypoints正常工作。
jQuery(document).ready(function($) {
//$.waypoints.settings.scrollThrottle = 0;
var inview = new Waypoint.Inview({
element: $('body > footer')[0],
enter: function(direction) {
$('body > header').css({
bottom: 240,
position: 'absolute'
})
},
exited: function(direction) {
$('body > header').css({
bottom: 32,
position: 'fixed'
})
}
});
});
页面的标题位于窗口底部上方32px的固定位置,直到页脚滚动到视图中,此时标题位置绝对(正文是定位上下文),以显示新兴页脚推动的效果出现在页面上的标题。
将页脚从底部滚动可以扭转局面。
太棒了,但是有点跳,所以我想玩滚动油门值。但如果我取消注释试图设置scrollThrottle的行,我得到:TypeError:undefined不是一个对象(评估'$ .waypoints.settings')
我可能在某个地方非常愚蠢,但看不到它。感谢。
答案 0 :(得分:1)
答案,(支持@andreivictor),是在版本4中从Waypoints中删除了scrollThrottle,因此当然是未定义的。