Javascript 如何在div中滚动?

Javascript 如何在div中滚动?,javascript,css,html,scroll,Javascript,Css,Html,Scroll,我有一张照片在里面。将会有很多图像,所以我希望能够在div中向下滚动。我该怎么做 谢谢: HTML: 我的JavaScript为空,因此没有显示的意义。您需要将溢出设置为滚动: #TextureView { overflow: scroll; height: 400px; } 这将导致一个滚动条出现,一旦内部超过指定的高度,它不必是400px。或者,您可以说just overflow-y来获得一个唯一的垂直滚动条 overflow:scroll; 我们应该为此而努力 overflow-y:s

我有一张照片在里面。将会有很多图像,所以我希望能够在div中向下滚动。我该怎么做

谢谢:

HTML:


我的JavaScript为空,因此没有显示的意义。

您需要将溢出设置为滚动:

#TextureView { overflow: scroll; height: 400px; }
这将导致一个滚动条出现,一旦内部超过指定的高度,它不必是400px。或者,您可以说just overflow-y来获得一个唯一的垂直滚动条

overflow:scroll;
我们应该为此而努力

overflow-y:scroll; 
将创建水平滚动条,如果您想从左向右滚动内容或从左向右滚动内容

overflow-x:scroll; 
将创建垂直滚动条

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

根据需要修改css并保持div的高度,使用以下代码:

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

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

将CSS更改为以下内容:

#TextureView{
    overflow: scroll;
    height: 200px;
}
会有用的。溢出:滚动;允许显示滚动条。设置高度可防止DIV自动展开


我在这里创建了一个图标,以显示上面的内容、下面的内容和可滚动的DIV的外观。

最好解释overflow-x和overflow-y,如果图像没有超过容器的高度,它还将显示一个禁用的滚动条。此外,可能的复制,如果您想在iPhone上支持基于物理的加速滚动,请添加-webkit overflow scrolling:touch。
#TextureView { 
  height: 450px;
  overflow: auto;
}
#TextureView{
    overflow: scroll;
    height: 200px;
}