Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery css父容器无滚动条_Jquery_Css - Fatal编程技术网

Jquery css父容器无滚动条

Jquery css父容器无滚动条,jquery,css,Jquery,Css,我正试图创建一个jquery滚动图像显示,类似于许多其他的显示,但我真的很难克服一个障碍。 我基本上想围绕这段代码创建一个父容器,这样浏览器窗口就不会滚动。我想是视口的某个时候吧?我试过无数种不同的方法。我的css不够好 这是小提琴: 谢谢

我正试图创建一个jquery滚动图像显示,类似于许多其他的显示,但我真的很难克服一个障碍。 我基本上想围绕这段代码创建一个父容器,这样浏览器窗口就不会滚动。我想是视口的某个时候吧?我试过无数种不同的方法。我的css不够好

这是小提琴:


谢谢 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;
}