7

我可以使用 jquery 来控制自定义 webkit 滚动条的外观吗?我很好奇,因为我想更改::-webkit-scrollbar-track-piece鼠标悬停时的背景颜色::-webkit-scrollbar-thumb。也许有办法用 CSS 做到这一点。我对任何一种解决方案都持开放态度!谢谢!

4

1 回答 1

6

我认为没有jQuery方法可以做到这一点,但在原生 JavaScript 中,您可以直接在样式表对象上操作规则:

document.styleSheets[2].addRule("::-webkit-scrollbar", "width: 300px;");

这很好用。您还可以删除规则和更改规则: http ://www.javascriptkit.com/domref/stylesheet.shtml

您可以给您的<style>块 atitle以便在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/

于 2012-09-04T16:52:54.337 回答