我正在尝试创建一个类似于许多其他的 jquery 滚动图像显示,但我真的很难通过一个路障。我基本上想围绕这段代码创建一个父容器,这样浏览器窗口就不会滚动。我猜有时是一个视口?我已经尝试了一百万种不同的东西。我的css还不够好
这是小提琴:http: //jsfiddle.net/68unq/
谢谢!
我正在尝试创建一个类似于许多其他的 jquery 滚动图像显示,但我真的很难通过一个路障。我基本上想围绕这段代码创建一个父容器,这样浏览器窗口就不会滚动。我猜有时是一个视口?我已经尝试了一百万种不同的东西。我的css还不够好
这是小提琴:http: //jsfiddle.net/68unq/
谢谢!
为什么您的 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;
}