使标头粘在滚动轴上而没有固定位置？

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