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

Question

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

我有一个例子，

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

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

Answer 1

请不要这样做!这会使界面无法使用，因为没有人会不知道可以滚动的地方!

但是如果你必须...

How to Hide Your Scrollbars

jsFiddle Example

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>