我只是無法讓它正常作業:
我有一些部分。在一個部分內是一個 div。我希望這個 div 在它可見時立即修復,并在用戶滾動到下一部分時停止修復。然后 div 應該粘在它所在部分的底部。
我希望我能以正確的方式解釋它。
這是一個小草圖來說明我的意思
我想使用 position:fixed 而不是 position:sticky 因為第二個大部分時間都不起作用。
謝謝你的幫助!
uj5u.com熱心網友回復:
你為什么不想使用sticky?這是一個似乎可以做你想做的事的例子
section {
width: 100%;
height: 100vh;
background: red;
}
section:nth-of-type(odd) {
background: blue;
}
section div {
position: sticky;
top: 0;
height: 100px;
width: 100px;
background: white;
border: 1px solid black;
}
<div class="container">
<section><div>Im sticky</div></section>
<section><div>Im sticky</div></section>
<section><div>Im sticky</div></section>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/324888.html
標籤:html css 固定的 js-scrollintoview
