有没有办法让溢出的div隐藏溢出,没有滚动条但仍然可滚动(通过鼠标滚轮/触摸输入)?
e.g。
<!DOCTYPE html>
<div id="longtext" style="width:100px; height:100px;">
Lorem ipsum....
</div>
我的CSS尝试失败,因为overflow: hidden;
停止了可滚动的区域,而overflow: auto
/ overflow: scroll
有滚动条。
提前致谢
答案 0 :(得分:1)
您正在做的是告诉浏览器该内容是可滚动的,但同时试图告诉它不会表现得像是可滚动的。我不确定这是一个明智的想法。
我能找到的最接近的想法是依赖于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的行为。