javascript - 如何在div中滚动？

Question

我有一个包含图像的 div。将会有很多图像，所以我希望能够在 div 中向下滚动。我该怎么做？

谢谢:)

HTML:

<div id="TextureView">
    <div id="TextureViewInside">
        <ul class="products">
             <img src="FärgadePapper.png">
             <img src="Hajar.png">
             <img src="Labyrint.png">
             <img src="Martini.png">
             <img src="FärgadePapper.png">
             <img src="Hajar.png">
             <img src="Labyrint.png">
             <img src="Martini.png">
        </ul>
    </div>
</div>

CSS:

#TextureView{
    overflow: hidden;
}
#TextureViewInside{
    padding: 7px;
}
ul.products img{
    width: 80px;
    display: inline-block;
    vertical-align: top;
    padding: 4px;
}   

我的 JavaScript 是空的，所以没有显示的意义。

Answer 1

使用以下代码:

#TextureView { 
  height: 450px;
  overflow: auto;
}

一旦图像超过容器的高度，您就会有一个滚动条，否则 - 滚动条将不会出现。