我可以设置/修改/删除可滚动 div 的滚动条吗

发布于 2024-10-23 11:47:46 字数 38 浏览 0 评论 0原文

有没有办法设置、修改或删除可滚动 html div 的滚动条?

Is there anyway to style, modify, or remove the scrollbars of a scrollable html div?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

调妓 2024-10-30 11:47:46

我相信你唯一的选择是用 CSS 完全删除滚动条。

#your_div {
    overflow: hidden;
}

滚动条本身是“浏览器的东西”,因此无法设置样式。


编辑:如果您愿意使用“假”滚动条——即,它们不是真正的浏览器滚动条,而是使用 Javascript/jQuery 创建的 HTML 元素,其工作方式“像”滚动条——那么您可以使用 Jscrollpane

滚动看起来出奇的平滑和漂亮,但我担心它在更新颖的环境(即触摸屏界面)中如何工作。

JScrollpane 演示

I believe your only option is to remove the scrollbars altogether with CSS.

#your_div {
    overflow: hidden;
}

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.

深海夜未眠 2024-10-30 11:47:46

有 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

贱贱哒 2024-10-30 11:47:46

可以使用 css 来设置滚动条的样式:
使用 css 的滚动条样式

和/或使用 javascript:
使用 javascript 设置滚动条样式

Scrollbars can be styled, either by using css:
Scrollbar styleing with css

And/Or with javascript:
Scrollbar styleing with javascript

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文