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

Question

是否可以通过鼠标滚轮上下滚动div，而不使用滚动条？

我有一个实例，如下：

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

如果大的div在小的div内，我想要上下滚动内部div，但是我想隐藏垂直滚动条，有没有办法实现这一点？我尝试使用滚动事件钩子，但是事件没有被连接。

- Bharath

---

除了能否实现的事实之外，这并不是一种好的做法。 - CaptainCarl

不要告诉他！保护标准。 ;) - Dan Grahn

@CaptainCarl是正确的。用户依赖于滚动条的存在来表明他们确实可以滚动。您可以更改滚动条的外观，以使其在未将有关DIV悬停时淡化。不管怎样，这需要相当多的CSS（很可能是JS）技巧。 - Roberto

@joe_Benito 抱歉，伙计们，这就是你们需要的 http://jsfiddle.net/7vbPh/1/ - Bharath R

@bharathRallapalli 非常优雅和有帮助。 - Bharath

Answer 1

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

但如果你一定要这样做...

如何隐藏滚动条

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>

- Dan Grahn

---

是的，我知道界面上有困难，但我有一个滚动条共用于两个div，这就是问题所在，但我觉得你的资源很有用，而且我也意识到你所说的标准。 - Bharath

你的评论让事情更清晰了，我应该把那个放在问题里 :) - Dan Grahn