溢出-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>

Answer 1

我的一个元素有错误的填充。修复了填充，水平滚动消失。我删除了overflow-x，因为现在我不需要像符咒一样工作。