航点插件Jquery [重复]

Posted 2023-05-09

【中文标题】航点插件Jquery [重复]

【英文标题】：waypoint Plugin Jquery [duplicate]

【发布时间】：2013-03-31 07:20:19

【问题描述】：

$(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。

任何帮助将不胜感激。

【问题讨论】：

-1 代表你的错误标题。

:) 看起来像是我们需要实施的规范。

任何帮助将不胜感激。

为什么要转发same question as ealier？

除了大多数人都会问一次！

【参考方案1】：

如果我了解您希望某个元素在超过某个阈值时保持不变，并在超过该阈值时返回到固定状态？

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

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

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

祝你好运！

【讨论】：

不，我正在使用航点

除了您的粘性元素之外的航点有什么特殊原因吗？

基本上项目太深 Pin 似乎也不错——但项目太深了——Drew 有什么帮助吗？

你对航路点还有其他依赖吗？另外，您的问题没有多大意义..您在谈论粘连和不粘连，但您的示例代码有高度....您能提供一下您正在做的事情吗？

我也看到你有一类粘性被应用？您是否尝试将其位置更改为固定顶部：0？然后当不粘时它设置为绝对和顶部：30px？