javascript - 航点插件Jquery

Question

$(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
    });

});

你好吗？- 我正在使用imakewebthings.com/jquery-waypoints将导航元素向下移动到页面。我多么想在页面的特定部分取消导航元素，然后在向上滚动时将其粘贴回来并将其带到原来的位置 - 向下滚动后可能是 30pixcel。

任何帮助将不胜感激。

Answer 1

如果我了解您希望元素在超过某个阈值时粘住，并在超过该阈值时返回固定？

如果是这样 - 请查看http://drewdahlman.github.io/Pinned/这将完全符合您的要求。这是一个易于使用的插件。

$("#element").pinned({
    bounds: 30, // when to become sticky
    scrolling: 0, // position during scroll 
});

超过 30 后它会回到原来的位置，当它达到 30px 时会粘住。确保将其默认位置设置为绝对位置。

祝你好运！