可隐藏溢出但没有滚动条的可滚动区域

时间:2010-09-21 18:45:10

标签: html css scroll scrollbar overflow

有没有办法让溢出的div隐藏溢出,没有滚动条但仍然可滚动(通过鼠标滚轮/触摸输入)?

e.g。

<!DOCTYPE html>  
    <div id="longtext" style="width:100px; height:100px;">  
        Lorem ipsum....  
    </div>

我的CSS尝试失败,因为overflow: hidden;停止了可滚动的区域,而overflow: auto / overflow: scroll有滚动条。

提前致谢

1 个答案:

答案 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的行为。