Jquery css父容器无滚动条
我正试图创建一个jquery滚动图像显示,类似于许多其他的显示,但我真的很难克服一个障碍。 我基本上想围绕这段代码创建一个父容器,这样浏览器窗口就不会滚动。我想是视口的某个时候吧?我试过无数种不同的方法。我的css不够好 这是小提琴:Jquery css父容器无滚动条,jquery,css,Jquery,Css,我正试图创建一个jquery滚动图像显示,类似于许多其他的显示,但我真的很难克服一个障碍。 我基本上想围绕这段代码创建一个父容器,这样浏览器窗口就不会滚动。我想是视口的某个时候吧?我试过无数种不同的方法。我的css不够好 这是小提琴: 谢谢
谢谢为什么你的HTML中有任意的样式?无论如何,将它们从HTML中取出,放入CSS中,并向容器中添加一个ID jsFiddle: 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>
您必须使用相对位置将支架的宽度更改为小于400px的值,而图像必须绝对放置在容器外,以创建视口效果。无论如何,您必须使用该更改相应地更新jquery。我明白了。。我创作小提琴时一定是无意中复制了它们。标签未正确启动或关闭,但对功能没有影响。你的回答让我有点接近,但它删除了图像调整功能。有没有办法在不使用javascript/jquery的情况下设置#容器的高度以调整大小?当我将其设置为“自动”时,所有人都会消失。要添加小提琴链接:将最新链接上的浏览器调整功能与我的原始链接上的功能进行比较:将其删除。与原版的更新相比:谢谢!
#container {
position: relative;
width:400px;
height:200px;
background-color:black;
overflow:scroll;
}