我可以使用jquery来控制自定义webkit滚动条的外观吗?我很好奇,因为当我悬停在::-webkit-scrollbar-thumb
上时,我想更改::-webkit-scrollbar-track-piece
的背景颜色。也许有一种方法可以用CSS实现这一点。我对任何一种解决方案都持开放态度!谢谢
我不认为有jQuery的方法可以做到这一点,但在本机JavaScript中,您可以直接操作样式表对象上的规则:
document.styleSheets[2].addRule("::-webkit-scrollbar", "width: 300px;");
这很好。您还可以删除规则和更改规则:http://www.javascriptkit.com/domref/stylesheet.shtml
你可以给你的<style>
块一个title
,这将使它很容易在styleSheets
数组中找到。类似于:
for(var i = 0; i < document.styleSheets.length; i++) {
var sheet = document.styleSheets[i];
if(sheet.title == 'scrollbar') {
for(var j = 0; j < sheet.rules.length; j++) {
var rule = sheet.rules[j];
if(rule.cssText.match("webkit-scrollbar")) {
rule.style.backgroundColor="yellow";
}
}
}
}
http://jsfiddle.net/nottrobin/hSEzY/1/