社区
JavaScript
帖子详情
求助,如何把::-webkit-scrollbar换成js怎么写呢?
hi_hamster
2017-08-17 03:49:25
我用::-webkit-scrollbar{width:0px}把目标的滑动条隐藏掉了,但是在IE8下不兼容,我想把这段写成js,应该是怎么写才对呢?
...全文
1038
6
打赏
收藏
求助,如何把::-webkit-scrollbar换成js怎么写呢?
我用::-webkit-scrollbar{width:0px}把目标的滑动条隐藏掉了,但是在IE8下不兼容,我想把这段写成js,应该是怎么写才对呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
爱吃香菜君
2019-09-05
打赏
举报
回复
1
document.styleSheets[0].addRule('#div::-webkit-scrollbar', 'width:0px'); document.styleSheets[0].insertRule('#div::-webkit-scrollbar {width:0px}', 0); 单纯按照你的提问来说,那句css转乘js设置属性应该这样写。 这段代码的意思就是 id为“div”的盒子的滚动条宽度为0像素
天际的海浪
2019-09-03
打赏
举报
回复
隐藏滚动条不就等于overflow: hidden;
#麻辣小龙虾#
2019-09-03
打赏
举报
回复
你再对应的元素那边添加类,通过类添加对应的伪元素就可以实现兼容效果了。
pikuer
2019-08-30
打赏
举报
回复
在css中给伪元素添加类,jquery选择这个类。jquery不能直接操作伪元素。
qq_39487883
2021-07-12
举报
回复
@pikuer
大佬,css里能 增加类名嘛?
hi_hamster
2017-08-17
打赏
举报
回复
而且我发现这段直接把整浏览器自带的滑条页弄没了
浏览器滚动条设置
scrollBar
浏览器滚动条宽度设置,浏览器默认宽度为10px,在本文件中可根据自己需求修改,详细方法,请参考我的文章 “滚动轴 设置宽度”。
前端CSS 设置滚动条样式 ::-
webkit
-
scrollbar
::-
webkit
-
scrollbar
CSS伪类选择器影响了一个元素的滚动条的样式 ::-
webkit
-
scrollbar
仅仅在支持
WebKit
的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用. 你可以使用以下伪元素选择器去修改各式
webkit
浏览器的滚动条样式: ::-
webkit
-
scrollbar
— 整个滚动条. ::-
webkit
-
scrollbar
-button — 滚动条上的按钮 (上下箭头). ::-
webkit
-
scrollbar
-thumb — 滚动条上的
CSS滚动条详解(::-
webkit
-
scrollbar
)
:-
webkit
-
scrollbar
-button — 滚动条上的按钮 (上下箭头),允许通过点击微调小方块的位置.::-
webkit
-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).::-
webkit
-
scrollbar
-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.::-
webkit
-
scrollbar
-track-piece — 滚动条没有滑块的轨道部分.::-
webkit
-
scrollbar
-thumb — 滚动条上的滚动滑块.
::-
webkit
-
scrollbar
滚动条的设置
::-
webkit
-
scrollbar
滚动条整体部分 ::-
webkit
-
scrollbar
-thumb 滚动条里面的小方块,能上下左右移动(取决于是垂直滚动条还是水平滚动条) ::-
webkit
-
scrollbar
-track 滚动条的轨道(里面装有thumb) ::-
webkit
-
scrollbar
-button 滚动条轨道两端的按钮,允许通过点击微调小方块的位置 ::-
webkit
-
scrollbar
-track-piece...
移动端隐藏scroll滚动条::-
webkit
-
scrollbar
::-
webkit
-
scrollbar
{/*隐藏滚轮*/ display: none; } CSS3自定义滚动条样式 -
webkit
-
scrollbar
前言
webkit
支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条demo: demo1(图片版)、demo2(纯CSS3版) 滚动条组成 ::-
webkit
-
scrollbar
滚动条整体部分 ::-
webkit
-s
JavaScript
87,993
社区成员
224,694
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章