向下滚动时隐藏图像上的滚动条

时间:2014-07-10 19:35:39

标签: css scrollbar overflow

我正在关注这个例子: http://jsfiddle.net/qqPcb/

我试图让它与图像一起使用,但滚动条仍在显示。怎么了? http://jsfiddle.net/H27BK/122/

<div id="parent">
    <div id="child">
        <img src="http://i.imgur.com/rJmDwjF.jpg"/>
    </div>
</div>

#parent {
    width: 500px;
    height: 300px;
    border: 1px solid black;
    overflow: hidden;
}
#child {
    height: 100%;
    overflow: auto;
}

1 个答案:

答案 0 :(得分:0)

孩子必须大于de滚动条,试试这个:

#parent {
    width: 500px;
    height: 300px;
    border: 1px solid black;
    overflow: hidden;
}
#child {
    width: 520px;
    height: 320px;
    overflow: auto;

}