css父容器没有滚动条

时间:2012-06-25 04:01:18

标签: jquery css

我正在尝试创建一个jquery滚动图像显示,类似于很多其他的,但我真的很难通过一个路障。 我基本上想要围绕这段代码创建一个父容器,以便浏览器窗口不会滚动。我想有时会出现一个视口?我尝试了一百万种不同的东西。我的CSS还不够好

这是小提琴: http://jsfiddle.net/68unq/

谢谢!

1 个答案:

答案 0 :(得分: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;
}