css父容器沒有滾動條

Question

我試圖創建一個jQuery滾動圖像顯示類似於很多其他人在那裏，但我真的很努力地通過一個路障。 我基本上希望圍繞這段代碼創建一個父容器，以便瀏覽器窗口不滾動。我猜是在某個視口的某個時候？我嘗試了一百萬種不同的東西。我的CSS是不夠的

這裏是不錯的小提琴： http://jsfiddle.net/68unq/

謝謝！

Answer 1

爲什麼你的HTML中間有任意樣式？無論如何，將它們從HTML中取出，放入CSS中，並將ID添加到容器中。

的jsfiddle：http://jsfiddle.net/68unq/2/

HTML：

<div id="container"> 
    <div id="holder" > 
     <img src="http://placehold.it/290x27" class='img'> 
     <img src="http://placehold.it/257x65" class='img'> 
     <img src="http://placehold.it/270x27" class='img'> 
     <img src="http://placehold.it/257x120" class='img'> 
    </div> 
<div>​ 

CSS：

#container { 
    position: relative; 
    width:400px; 
    height:200px; 
    background-color:black; 
    overflow:scroll; 
}