使用jQuery.css（）方法的webkit滚动条

与此相反：

我想这样做：

var cssObject = {
'::webkit-scrollbar':{
    'width':'12'
},
'::webkit-scrollbar-track':{
    '-webkit-box-shadow':'inset 0 0 6px rgba(0,0,0,0.3)','border-radius':'10'
},
'::webkit-scrollbar-thumb':{
    'border-radius':'10px','-webkit-box-shadow':'inset 0 0 6px rgba(0,0,0,0.5)'
    }
}
$("#container").css(cssObject);

但是由于某些原因，它不起作用：），请帮助

.css（）

方法将css属性应用于元素

：：webkit滚动条-*

是选择伪元素的CSS选择器。
jQuery没有任何与伪元素交互的方法

相反，您可以构建自己的样式表。

方法将css属性应用于元素

：：webkit滚动条-*

是选择伪元素的CSS选择器。
jQuery没有任何与伪元素交互的方法

---

相反，您可以构建自己的样式表。

使用

：webkit滚动条

伪元素创建一个类，并在需要进行调整时使用jQuery添加该类

CSS

&.ipad-width::-webkit-scrollbar {
       width: 30px;
}

jQuery

$('ul.scrolling-ul').addClass('ipad-width');

---

使用

：：webkit滚动条

伪元素创建一个类，并在需要进行调整时使用jQuery添加该类

CSS

&.ipad-width::-webkit-scrollbar {
       width: 30px;
}

jQuery

$('ul.scrolling-ul').addClass('ipad-width');

---

请注意：您确实需要开始使用全局选择器，否则类似乎无法工作。我正在使用

::-webkit-scrollbar {
    width: 0px;
}
.scrollbar.overflow::webkit-scrollbar {
    width: 30px;
}

---

使滚动条仅在元素溢出时才显示比通常更宽。如果没有初始设置，则会出现默认滚动条，并且类不会产生任何效果。

请注意：您确实需要启动全局选择器的使用，否则类似乎无法工作。我正在使用

::-webkit-scrollbar {
    width: 0px;
}
.scrollbar.overflow::webkit-scrollbar {
    width: 30px;
}

---

使滚动条仅在元素溢出时才显示比通常更宽。如果没有初始设置，将显示默认的滚动条，并且类不会产生任何效果。

ok，但是加载样式表将覆盖我现有的css属性。
$（“#容器”）。append（“”）@PrzemysławBanaszek:error.ok，但加载样式表将覆盖我现有的css属性
$（“#容器”）.append（“”）@普泽米斯奥巴纳泽克：错了。