【问题标题】:sticky sidebar not working during scrolling滚动时粘性侧边栏不起作用
【发布时间】:2022-02-06 08:21:01
【问题描述】:

我想在滚动时有一个粘性侧边栏,我尝试了很多方法,但都不起作用。这是我的代码

 <div class="row">

        <div class="col me-0 me-md-3 mb-3 mb-md-0 px-0 ">

            <div class="position-relative" style="top: 0;
                left: 0;
                width: 100%;


                <div class="bg-white b-r-s-cont shadow pb-4 position-sticky top-0">
               height: 100%;">
         </div>
         </div>
      </div>
        <div class="col-12 col-md-9">
       </div>
</div>

【问题讨论】:

    标签: html jquery css


    【解决方案1】:

    您可能想尝试将position: fixed; 添加到应该具有粘性的元素中。

    您可以简单地将它添加到当前的style="..." 标签中!

    【讨论】:

    • 感谢您的帮助,但如果我使用 position: fixed 它将在页面中固定,但我需要使其粘在想要的粘性 div 上方的元素上,如您在我的代码
    • 嗯,你的代码有几个问题,所以很难确定你的实际问题是什么。首先,您在样式标签中有一个 div,这已经是错误的并且无法正常工作。除此之外,如果您希望一个元素始终与另一个元素保持一致,为什么不将它放在您希望它坚持的 div 中?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-02
    • 2012-06-26
    • 1970-01-01
    • 1970-01-01
    • 2018-12-20
    • 1970-01-01
    相关资源
    最近更新 更多