我有一个要通过位置粘性来粘性的元素:
#header {
position: sticky;
width: 100vw;
top: 0;
}
<app-header id="header"></app-header>
这很好用,但我意识到如果我使用:
body {
overflow-x: hidden;
}
这会破坏粘性,我需要设置body overflow-x
to hidden
,我该如何解决这个问题,只有 CSS 解决方案,没有 JS 解决方案?
设置overflow-x
财产价值clip
帮助我实现位置粘性并防止滚动。
这里有更多解释本文 https://www.terluinwebdesign.nl/en/css/position-sticky-not-working-try-overflow-clip-not-overflow-hidden/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)