有没有办法让溢出的 div overflow hidden ,没有滚动条但仍然可以滚动(通过鼠标滚轮/触摸输入)?
例如
<!DOCTYPE html>
<div id="longtext" style="width:100px; height:100px;">
Lorem ipsum....
</div>
我的 CSS 尝试失败了,因为 overflow: hidden;
停止区域滚动,而 overflow: auto
/overflow: scroll
有滚动条.
提前致谢
最佳答案
您正在做的是告诉浏览器内容是可滚动的,但同时试图告诉它不要表现得好像它是可滚动的。我不确定这是一个明智的想法。
我能找到的最接近的想法是依赖 IE 的方法,使用您自己的配色方案设计滚动条:
#div { margin: 0 0 0 0; padding: 0 0 0 0; scrollbar-face-color: #666666; scrollbar-highlight-color: #333333; scrollbar-shadow-color: #222222; scrollbar-3dlight-color: #888888; scrollbar-arrow-color: #ff0000; scrollbar-track-color: #222222; scrollbar-darkshadow-color: #111111 }
如果您要更改颜色以匹配您的 div 的背景,那可能是个好主意。但是,请务必注意,这是仅限 IE 的行为。
关于html - overflow hidden 但没有滚动条的可滚动区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3763408/