身体 { 溢出-x：隐藏； } 打破位置：粘性

Question

我有一个元素，我正在使位置粘性变得粘性：

 #header {
    position: sticky;
    width: 100vw;
    top: 0;
}

 <app-header id="header"></app-header>

这很好用，但我意识到如果我使用：

 body {
  overflow-x: hidden;
}

这打破了粘性，我需要将 body overflow-x 设置为 hidden ，我该如何解决这个问题，只有 CSS 解决方案，没有 JS 解决方案？

原文由 Leff 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将 overflow-x 属性设置为值 clip 帮助我实现位置粘滞并防止滚动。

这是 本文 中的更多解释

原文由 Yurii Kuzemko 发布，翻译遵循 CC BY-SA 4.0 许可协议