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

【问题标题】：How to scroll a Div without a scroll bar?如何在没有滚动条的情况下滚动 Div？
【发布时间】：2013-12-11 16:20:45
【问题描述】：

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

我有一个类似的实例，

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

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

【问题讨论】：

除了可以或不能做到这一点，这并不是一个真正的好习惯。
没人告诉他！保护标准。 ;)
@CaptainCarl 是正确的。用户依靠滚动条的存在来表明他们确实可以滚动。您也许可以更改滚动条的外观，以便在相关 div 未悬停时它会消失。无论哪种方式，这都是一些 CSS（很可能是 JS）的诡计。
@captaincarl 是的，我知道，真正的事情是我有一个用于两个 div 的公共滚动条，我曾经使用另一个 div 的滚动条来挂钩另一个 div 的事件，但是当我鼠标滚轮向上时在没有滚动条的 div 上向下，它看起来确实很奇怪。这就是我被卡住的原因。
@joe_Benito 对不起，这是你需要的，但是jsfiddle.net/7vbPh/1

标签： javascript jquery html

【解决方案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 的滚动条，这就是问题所在，但我得到了有用的资源，而且我知道你所说的标准； )
您的评论让事情变得更清楚了。我会把它放在问题中。 :)