2012-06-25 59 views
0

我试图创建一个jQuery滚动图像显示类似于很多其他人在那里,但我真的很努力地通过一个路障。 我基本上希望围绕这段代码创建一个父容器,以便浏览器窗口不滚动。我猜是在某个视口的某个时候?我尝试了一百万种不同的东西。我的CSS是不够的css父容器没有滚动条

这里是不错的小提琴: http://jsfiddle.net/68unq/

谢谢!

+0

你有你的持有人的宽度变化与相对位置稍微小于400像素,而图像必须是放置在绝对位置,以创建视口效果。 – XepterX

+0

无论如何,你将不得不相应更新你的jquery – XepterX

回答

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

我看到..我必须在创建小提琴时意外复制它们。标签没有启动也没有正确关闭,但对功能没有影响。你的答案让我更接近一些,但它已经消除了图像调整大小的功能。有没有办法将#container的高度设置为不使用javascript/jquery调整大小?当我将它设置为auto时,每个人都消失了。 – dgillyerek

+0

打算添加小提琴链接:http://jsfiddle.net/68unq/7/ 比较浏览器调整大小功能上的最新链接到我的原始: http://jsfiddle.net/68unq/ – dgillyerek

+0

从头开始。与原始的此更新相比较:http://jsfiddle.net/68unq/8/ 谢谢! – dgillyerek