使用 jQuery.css() 方法的 webkit 滚动条 [英] webkit scrollbar using jQuery.css() method

问题描述

而不是这个:source_of_example

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

我想做这样的事情:

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);

但由于某种原因它不起作用:)，请帮忙

but for some reason it does not work :), please help

推荐答案

.css() 方法将 CSS 属性 应用于元素.

The .css() method applies CSS properties to an element.

::webkit-scrollbar-* 是选择伪元素的 CSS 选择器.
jQuery 没有任何与伪元素交互的方法.

::webkit-scrollbar-* are CSS selectors that select pseudo-elements.
jQuery does not have any methods that interact with pseudo-elements.

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

Instead, you can build your own stylesheet.

这篇关于使用 jQuery.css() 方法的 webkit 滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！