如何在没有滚动条的情况下滚动Div

How to scroll a Div without a scroll bar?

本文关键字：情况下 滚动 Div 滚动条      更新时间：2023-10-11

是否可以在不使用滚动条的情况下垂直滚动div，而只使用鼠标滚轮上下滚动？

我有一个例子，像

<div style="height:200px">
<div class="samplediv" style="overflow:scroll;overflow-y:hidden;height:1000px">
.
.
.
.    
</div>
</div>

因此，较大的div位于较小的div中，我想向上和向下滚动内部div，但我想隐藏垂直滚动，这可能吗？无论如何，我尝试使用事件挂钩进行滚动，但事件没有挂钩。

请不要这样做这将使界面无法使用，因为没有人会知道哪里可以滚动！

但如果你必须。。。

如何隐藏滚动条

jsFiddle示例

CSS

#wrapper {
    width: 150px;
    overflow: hidden;
    outline: 1px solid blue;
}
#scroller {
    width: 170px;
    height: 100px;
    overflow: auto;
    background: yellow;
}

HTML

<div id="wrapper">
    <div id="scroller">
        foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>
        foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>
        foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>      
    </div>
</div>
相关文章：