我需要確保當頁面滾動時，div“.col-left”被放置在固定位置（它必須從頂部“.ctn-parte-iniziale”開始）。
此外，當它到達頁腳“.bg-orange”的底部時，它必須停止并且不能再處于固定位置。
我能怎么做？
萬分感謝！
這是我的代碼：
<div class="ctn-parte-iniziale">...</div>
<div id="main-site">
<div class="bg-white">
<div class="container">
<div class="page_layout page_margin_top clearfix cnt-corsi-gen">
<div class="row">
<div class="col-md-3 col-lg-3 col-xs-12">
<div class="col-left">
...
</div>
</div>
<div class="col-md-9 col-sm-9 col-xs-12">
...
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-orange"></div>```
uj5u.com熱心網友回復：
嘗試將此添加到col-left. 在 2021 年，您可能不需要這webkit條線路，但請先嘗試一下。
所以，在 CSS
div.sticky {
position: -webkit-sticky; <!-- Safari/Chrome --->
position: sticky;
top: 0;
}
然后在你的 HTML 中
<div class="col-left sticky">
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/369259.html
標籤：javascript html 查询 css-位置 固定的
上一篇：比較兩個物件并創建新物件