溢出-x：隐藏位置会禁用我的容器的粘性定位。

Question

我有一个元素，在滚动时应该是粘性的。我该如何使这个元素粘性，并且在移动设备上隐藏水平滚动条？在iPhone上出现水平滚动条是什么原因？

谢谢。

.sticky-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 12%;
}

.sticky-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 12%;
}

<div class="container">
  <div class="row">
    <div class="col-md-6 align-self-start sticky-sidebar">
      <h2 class="text-light landing-heading d-inline">What we do</h2>
      <img src="https://via.placeholder.com/100" alt="image" />
      <p>This is sticky!</p>
    </div>

- lukas23

Answer 1

我的一个元素有错误的填充。修复了填充，水平滚动条消失了。我删除了overflow-x，因为现在我不需要它，一切都像魔术般地运作。

- lukas23

---

请查看[答案]。您的问题需要更多信息。什么是“错误填充”？ - isherwood