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

Question

可能重复：
“overflow-x:hidden” one side only?

我有一个水平滚动的容器，并且当用户滚动到左边，它溢出了我希望它仍然显示，但任何时候用户向右滚动，我想隐藏它。有什么建议么？

下面是一些代码：

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

---

.scroller { 
    overflow-x: scroll; 
} 

Answer 1

在格内容总是从左至右，这样会让你的div position:absolute和left:0;然后用overflow-x: hidden;这种风格只适用左侧是隐藏

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