jquery - CSS - 如何使溢出隐藏在右侧而不是左侧？

Question

可能重复：
“overflow-x:hidden”只有一侧？

我有一个水平滚动的容器，当用户向左滚动并溢出时，我希望它仍然显示，但是每当用户向右滚动时，我希望它隐藏。有什么建议么？

这是一些代码：

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

---

.scroller {
    overflow-x: scroll;
}

Answer 1

在 div 内容总是从左到右开始，所以让你的 divposition:absolute然后 left:0;使用overflow-x: hidden;这个样式只适用于左侧隐藏

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