你好吗?当我向下滚动页面时,我将航点插件用于粘性元素。
但是,我希望在页面的某个位置删除粘性,比如说从它的起始滚动点 30px,然后当用户向上滚动页面时,粘性元素将其带回并返回到其原始起点:
JavaScript:
$(function() {
// Do our DOM lookups beforehand
var nav_container = $(".nav-container");
var nav = $("nav");
nav_container.waypoint({
handler: function(event, direction) {
nav.toggleClass('sticky', direction=='down');
if (direction == 'down') nav_container.css({ 'height':nav.outerHeight() });
else nav_container.css({ 'height':'auto' });
},
offset: 15
});
});
我在网上找到的另一个例子是 http://webdesigntutsplus.s3.amazonaws.com/tuts/313_waypoints/demo/index.html
假设我希望粘性导航在我向下滚动时在第一章被丢弃,然后当我向上滚动时它会被拾起并带到起点。
另外: http: //imakewebthings.com/jquery-waypoints/#doc-disable 我试图使用它但没有成功。谢谢
小提琴的任何方向都会有所帮助!