使用jQuery隐藏div滚动条,但保留滚动？

Question

我试图能够在一个div内滚动,但没有显示实际的滚动条.

我需要用户能够使用滚轮滚动

有没有人有关于如何实现这一目标的想法？

谢谢!

Answer 1

那么,真正的原因就是你想要的原因,但是既然你问我会尝试解决你的问题.

你需要两个div.一个嵌套在另一个里面.

<div class="outside">
    <div class="inside">
        Scrolling Content Goes here.
    </div>
</div>

然后,您将需要一些CSS来帮助解决这种情况.溢出:auto会在超过高度限制时为您提供滚动.为了这个例子我放了一个随机宽度.在右侧推一个填充物,将滚动条推出.outer div类.这样您就不必担心.outer div下的内容了.

.inside { width: 500px; overflow: auto; height: 300px; padding-right: 20px; }

对于外部类,您需要指定相同的高度,相同的宽度,但溢出:隐藏.

.outside { width: 500px; height: 300px; overflow: hidden; }

示例:jsFiddle