jquery - CSS - 右側ではなく左側ではオーバーフローを非表示にする方法は?

Question

重複の可能性:
「overflow-x:hidden」片側のみ?

水平にスクロールするコンテナがあり、ユーザーが左にスクロールしてオーバーフローしても表示したいのですが、ユーザーが右にスクロールするたびに非表示にします。助言がありますか？

ここにいくつかのコードがあります：

<div class="scroller">
    ... content
</div>

---

.scroller {
    overflow-x: scroll;
}

Answer 1

In div コンテンツは常に左から右に開始されるため、divposition:absoluteを 作成し、このスタイルleft:0;を使用overflow-x: hidden;して左側のみを非表示にします

.scroller {
   overflow-x: hidden;
   position:absolute;
   left:0;
}