我可以设置/修改/删除可滚动 div 的滚动条吗
有没有办法设置、修改或删除可滚动 html div 的滚动条?
Is there anyway to style, modify, or remove the scrollbars of a scrollable html div?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
我相信你唯一的选择是用 CSS 完全删除滚动条。
滚动条本身是“浏览器的东西”,因此无法设置样式。
编辑:如果您愿意使用“假”滚动条——即,它们不是真正的浏览器滚动条,而是使用 Javascript/jQuery 创建的 HTML 元素,其工作方式“像”滚动条——那么您可以使用 Jscrollpane。
滚动看起来出奇的平滑和漂亮,但我担心它在更新颖的环境(即触摸屏界面)中如何工作。
JScrollpane 演示。
I believe your only option is to remove the scrollbars altogether with CSS.
The scrollbars themselves are a "browser thing", and as such can't be styled.
EDIT: If you are willing to use "fake" scrollbars--i.e., they aren't actual browser scrollbars they're an HTML element created with Javascript/jQuery that work "like" scrollbars--then you can use Jscrollpane.
The scrolling looks surprisingly smooth and nice, but I would worry some about how it might work in more novel environments--i.e., a touchscreen interface.
Demos of JScrollpane.
有 IE 独有的滚动条 CSS 样式:
scrollbar-3dlight-color,
滚动条箭头颜色,
滚动条基色,
滚动条深色阴影颜色,
滚动条面颜色,
滚动条突出显示颜色,
滚动条阴影颜色
There are IE only scrollbar CSS styles:
scrollbar-3dlight-color,
scrollbar-arrow-color,
scrollbar-base-color,
scrollbar-darkshadow-color,
scrollbar-face-color,
scrollbar-highlight-color,
scrollbar-shadow-color
可以使用 css 来设置滚动条的样式:
使用 css 的滚动条样式
和/或使用 javascript:
使用 javascript 设置滚动条样式
Scrollbars can be styled, either by using css:
Scrollbar styleing with css
And/Or with javascript:
Scrollbar styleing with javascript
10 个 jQuery 自定义滚动条插件
10 jQuery Custom Scrollbar Plugins