使標頭粘在滾動軸上而沒有固定位置？

Question

我試圖讓我的標題貼在滾動條上。 固定為1160px，位於另一個div下方，我希望它固定在滾動條的頂部。 問題是我無法在固定位置上進行操作。

似乎每個腳本解決方案都需要對其進行修復？

Answer 1

根據您需要支持的瀏覽器，可以嘗試position: sticky 。

.sticky {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
}

Codepen： https ：//codepen.io/afisher88/pen/xJaxoP

瀏覽器對位置粘性的支持： https : //caniuse.com/#search=position%3A%20sticky