溢出-x：隱藏 position 禁用 position：我的容器很粘

Question

我的網站在移動設備上出現水平滾動問題，谷歌搜索了一下，找到了解決方案：

     max-width: 100%;
     overflow-x: hidden;
} 

問題是，我有一個元素在滾動時應該是粘性的。

HTML：

        <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="./images/image.png"
              alt="image"
            />
            <p>This is sticky!</p>
          </div>

CSS：

    position: -webkit-sticky;
    position: sticky; 
    top: 12%;
  }

How can I have this element sticky, and horizontal scroll on mobile hidden? What am I doing wrong and having horizontal scroll on iPhone in the first place? thanks

Answer 1

發現問題了！

我的元素之一有糟糕的填充。 修復了填充，水平滾動消失了。 我刪除了'overflow-x'，因為現在我不需要一切都像魅力一樣工作。