Question

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

我有一个像

这样的实例

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

这样更大的div位于较小的div内部，我想向上滚动以及向下滚动内部div，但我想隐藏我的垂直滚动，无论如何这是可能的，我尝试使用事件挂钩滚动，但事件并没有上瘾。

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>

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

1 个答案: