jquery - 使用 jquery 粘性标题

标签 jquery header sticky

我想创建多个两个粘性标题,就像在该网站中一样: http://www.trendyol.com/Kappa/ButikDetay/8690 当您向下滚动时,第一个标题与第二个粘性元素结合在一起。说完,两人一起往下走。我该怎么做? 感谢您的提前支持!

最佳答案

实现这一点的方法非常简单。您检查滚动位置,如果它低于某个数字,您将在顶部显示一个固定位置元素(并在滚动位置备份时隐藏)。

话虽这么说,有一个很棒的插件可以提供帮助:https://github.com/imakewebthings/jquery-waypoints

演示正是您想要的:http://imakewebthings.com/jquery-waypoints/sticky-elements/

作为评论之一的更新,http://stickyjs.com可能是一个更受支持的库。

关于jquery - 使用 jquery 粘性标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10889509/

相关文章:

javascript - 如何在粘性标题后获取响应式表格?

javascript - 粘性 header 在滚动时无法正常工作

javascript - 如果 sibling 的值大于目标,则隐藏选项并删除值,如果 sibling 的值小于目标,则恢复删除的标签

javascript - Jquery 切换/单击在 9 之前的 Safari 版本中不起作用

javascript - 针对 Mobile + CSS 类的 jQuery?

css - 如何在 Foundation 6 中创建粘性顶部栏?

javascript - 颜色随着元素的老化而变化?

javascript - 过滤 Kendo UI 网格时出错

C-错误 : cannot open source file "funcs.h"

python - 使用 Python 对 DataFrame 中的 header 进行排序