jQuery Waypoints插件

时间:2013-04-09 00:15:49

标签: javascript jquery css plugins

你好吗? 当我向下滚动页面时,我使用了粘性元素的waypoints插件。

但是,我希望在页面的某个位置进行粘性删除,让它从起始滚动点开始说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 我试图用这个但没有成功。 感谢

来自Fiddle的任何指示都会有所帮助!

0 个答案:

没有答案