我试图创建一个jQuery滚动图像显示类似于很多其他人在那里,但我真的很努力地通过一个路障。 我基本上希望围绕这段代码创建一个父容器,以便浏览器窗口不滚动。我猜是在某个视口的某个时候?我尝试了一百万种不同的东西。我的CSS是不够的css父容器没有滚动条
这里是不错的小提琴: http://jsfiddle.net/68unq/
谢谢!
我试图创建一个jQuery滚动图像显示类似于很多其他人在那里,但我真的很努力地通过一个路障。 我基本上希望围绕这段代码创建一个父容器,以便浏览器窗口不滚动。我猜是在某个视口的某个时候?我尝试了一百万种不同的东西。我的CSS是不够的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;
}
我看到..我必须在创建小提琴时意外复制它们。标签没有启动也没有正确关闭,但对功能没有影响。你的答案让我更接近一些,但它已经消除了图像调整大小的功能。有没有办法将#container的高度设置为不使用javascript/jquery调整大小?当我将它设置为auto时,每个人都消失了。 – dgillyerek
打算添加小提琴链接:http://jsfiddle.net/68unq/7/ 比较浏览器调整大小功能上的最新链接到我的原始: http://jsfiddle.net/68unq/ – dgillyerek
从头开始。与原始的此更新相比较:http://jsfiddle.net/68unq/8/ 谢谢! – dgillyerek
你有你的持有人的宽度变化与相对位置稍微小于400像素,而图像必须是放置在绝对位置,以创建视口效果。 – XepterX
无论如何,你将不得不相应更新你的jquery – XepterX