本文介绍了溢出滚动,没有滚动条的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何创建一个具有最大宽度/高度的div,而不是让scollbars无法滚动? (通常通过鼠标滚轮,选择文本,向下移动鼠标或向下移动)
How do I create a div that has a max width/height but instead of having scollbars have nothing yet still be able to scroll? (usually done via mouse wheel, selecting text and moving the mouse down or arrrows down)
我试图隐藏,但是不让我滚动。其他选项不允许它有一个最大高度或放置滚动条。
I tried hidden but that doesn't let me scroll. The other options either doesn't allow it to have a max hight or puts scrollbars.
这是一个。我想没有滚动条,但能够看到eof。
Here is a sample demo. I'd like to have no scroll bar but be able to see eof.
<div id=main>
Text text text text text text text text...
Text text text text text text text text...
eof
</div>
#main {
max-height: 400px;
/*overflow: auto;*/
overflow: hidden;
}
推荐答案
隐藏区域?
html,
body {
padding: 0;
margin: 0;
overflow: hidden;
}
#container {
position: absolute;
left: 0;
top: 0;
right: -30px;
bottom: 0;
padding-right: 15px;
overflow-y: scroll;
max-height: 400px;
}
。
Example from SO - Hide the scrollbar but keep the ability to scroll with native feel.
这篇关于溢出滚动,没有滚动条的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!