html - overflow hidden 但没有滚动条的可滚动区域

标签 html css scroll scrollbar overflow

有没有办法让溢出的 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/

相关文章:

ios - UITableViewController 上面的ImageView

html - 带箭头的垂直线

php - 处理多个地点 ID 技巧

javascript - Thymeleaf:将文字与变量结合起来

javascript - 为什么 Twitter Bootstrap 的轮播不适合我?

来自一个 div 的 CSS 链接干扰了另一个?

javascript - 固定标题和第一列的水平和垂直滚动

javascript - 如何在 GWT 中滚动到 div id

javascript - 我怎样才能制作一个比窗口大(高度)的 div,固定但仍然可以滚动而没有任何侧边栏?

html - 基于 HTML5 数据属性的样式化内容