没有滚动条的 jQuery 滚动框
我有一个 250 像素 x 250 像素的盒子。我想让它可滚动,但我不想让滚动条出现,因为它们占用了多少空间。我认为这对于 jQuery 是可能的,但没有找到任何东西。有人知道吗?
I have a box that is 250px x 250px. I want to make it scrollable, but I don't want to have the scrollbars appear because of how much space they take up. I assume this is possible with jQuery, but not finding anything. Anyone know?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以将要滚动的内容放入另一个已设置大小的 div 中。并将该容器的CSS设置为
overflow:hidden;
,这样就没有滚动条了。然后您可以创建一些触发器(单击向上/向下箭头等)来触发容器 div 上的滚动。这是一个例子:
http://jsfiddle.net/UwEe2/
You can put what you want to scroll inside a another div, whose size is set. And make the css of this container to
overflow: hidden;
so there are no scroll bars. Then you can create some triggers (click on up/down arrows, etc.) that trigger a scrollTo on the container div.Here's an example:
http://jsfiddle.net/UwEe2/
找到了一个不错的脚本:jQuery slimScroll,解决你的问题,同时看起来很棒。 (不是我的脚本)
Found a nice script: jQuery slimScroll, solving your problem while looking awesome. (not my script)