【问题标题】:Sticky header with jquery带有jquery的粘性标题
【发布时间】:2012-06-04 22:53:57
【问题描述】:

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

【问题讨论】:

    标签: jquery header sticky


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 这个插件我有很多问题,我更喜欢这个:stickyjs.com
    【解决方案2】:

    使用position:sticky进行粘性。

    这里是article explained

    【讨论】:

    • 虽然还不是完全支持的规范(目前),但它非常漂亮。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-01-30
    • 1970-01-01
    • 2021-09-06
    • 1970-01-01
    • 2019-09-04
    • 2022-01-08
    • 1970-01-01
    相关资源
    最近更新 更多