如何在div中滚动？

我有一个div在其中的图像。将会有很多图像，所以我想能够在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是空的，所以没有一点表现...

来源

2013-11-09 user2961869

[使用CSS制作可垂直滚动的div]可能的副本（http://stackoverflow.com/questions/9707397/making-a-div-vertically-scrollable-using-css） –

使用下面的代码：

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

您将有一个滚动一次的图像超过容器的高度，否则 - 滚动条夺得” t出现。

来源

2013-11-09 16:17:37 silicakes

+1使用'overflow：auto'而不是'overflow：scroll' – Oriol

此外，如果你想支持基于物理的加速滚动在iPhone上，添加'-webkit-overflow-scrolling：touch'。 – Adam

您需要设置要滚动的溢出：

#TextureView { overflow: scroll; height: 400px; }

一旦内部超过指定的高度（不一定是400px），这将导致滚动条出现。或者，您可以说只需overflow-y即可获得唯一的垂直滚动条。

来源

2013-11-09 16:15:06

它会显示一个禁用的滚动条if图像没有超过容器的高度。 – silicakes

为什么downvote？ –

overflow:scroll;

应适用于这一目的

overflow-y:scroll;

将水平创建滚动条，如果你想从左至右（或反之亦然）

overflow-x:scroll;

将创建滚动的滚动内容垂直竖条

来源

2013-11-09 16:15:16 Zack

这将是理想的解释'overflow-x'和'overflow-y' – Satpal

#TextureView{ 
overflow-y:scroll; 
height:500px; 
}

修改你的CSS，并保持div的高度根据自己的需要

来源

2013-11-09 16:16:12

改变你的CSS是这样的：

#TextureView{ 
    overflow: scroll; 
    height: 200px; 
}

会工作。 overflow: scroll;允许滚动条出现。设置height会使DIV自动扩展。

我创建了一个DEMO这里展示它会怎样看上面的内容，下面的内容，并且可滚动DIV。

来源

2013-11-09 16:21:05 Charlie74

Downvoted为什么？这工作...并提供了演示。 – Charlie74

如何在div中滚动？

回答

相关问题