Javascript 如何在div中滚动?
我有一张照片在里面。将会有很多图像,所以我希望能够在div中向下滚动。我该怎么做 谢谢: HTML: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
我的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;
}