【发布时间】:2012-06-04 22:53:57
【问题描述】:
我想创建多个两个粘性标题,就像在那个网站中一样: http://www.trendyol.com/Kappa/ButikDetay/8690 当您向下滚动时,第一个标题与第二个粘性元素结合在一起。之后,两人一起向下移动。我该怎么做? 感谢您的提前支持!
【问题讨论】:
我想创建多个两个粘性标题,就像在那个网站中一样: http://www.trendyol.com/Kappa/ButikDetay/8690 当您向下滚动时,第一个标题与第二个粘性元素结合在一起。之后,两人一起向下移动。我该怎么做? 感谢您的提前支持!
【问题讨论】:
实现这一点的方法非常简单。检查滚动位置,如果它低于某个数字,则在顶部显示一个固定位置元素(并在滚动位置备份时隐藏)。
据说有一个很棒的插件可以提供帮助:https://github.com/imakewebthings/jquery-waypoints
演示正是您想要的:http://imakewebthings.com/jquery-waypoints/sticky-elements/
作为其中一个 cmets 的更新,http://stickyjs.com 可能是更受支持的库。
【讨论】:
使用position:sticky进行粘性。
【讨论】: