用jquery粘贴标题

时间:2012-06-04 22:53:57

标签: jquery header sticky

我想创建多个两个粘性标题,就像在该网站中一样: http://www.trendyol.com/Kappa/ButikDetay/8690 向下滚动时,第一个标题与第二个粘性元素组合在一起。在那之后,他们两个一起向下移动。我该怎么做? 感谢您提前支持!

2 个答案:

答案 0 :(得分:7)

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

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

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

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

答案 1 :(得分:4)

使用position:sticky来粘贴。

这是article explained