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; 
}