航路点插件Jquery
waypoint Plugin Jquery
$(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在页面上向下移动导航元素。我多么希望在页面的特定部分取消粘贴导航元素,然后在向上滚动时将其粘贴回原来的位置——向下滚动后可能为30pixel。
任何帮助都将不胜感激。
如果我理解您希望元素在超过某个阈值时保持不变,并在超过该阈值时返回到固定值?
如果是,请查看http://drewdahlman.github.io/Pinned/这正是你想要的。这是一个易于使用的插件。
$("#element").pinned({
bounds: 30, // when to become sticky
scrolling: 0, // position during scroll
});
当它超过30像素时,它会回到原来的位置,当它达到30像素时就会粘住。确保将其默认位置设置为绝对位置。
祝你好运!
相关文章:
- 如何在Angular2中使用jQuery插件
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- 我的jQuery插件参数没有正确启动,遇到了问题
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- TableExport jquery插件:文件名和扩展名问题
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- jQuery插件-从插件中调用公共方法
- 扩展jQuery插件以更改配置
- "工具提示"jQuery插件坏了
- 不能在图像中的地图标记中使用花式框jquery插件的区域标记
- 使用Booklet Jquery插件,我如何验证最后一页是否显示
- 合并TinyMCE(jQuery插件)文件
- 带有jquery插件的backbone.js视图
- 自制jQuery插件已触发,但无法工作
- 我如何才能找到哪些网站使用我的jQuery插件
- jquery插件或javascript方法自动调整文本输入(而非文本区域)(固定宽度)可变高度的大小
- 在多个元素上使用jquery插件,只需稍作修改
- HtmlBox(jquery插件)在ajax调用中不起作用
- 构造jQuery插件
- 使用filedownload jquery插件处理FilePathResult返回值