Question

我正在创建一个可在Chrome或Safari上观看的电子投资组合。我已经尝试过使用代码了：

$(document).ready(function(){       
            var scroll_pos = 0;
            $(document).scroll(function() { 
                scroll_pos = $(this).scrollTop();
                if(scroll_pos < 2251) {
                    $("body::-webkit-scrollbar-thumb").css('background-color', '#1E791E');
                } else {
                    $("body::-webkit-scrollbar-thumb").css('background-color', '#FF7A00');
                }
            });
        });

Answer 1

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

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

相反，您可以使用:: webkit-scrollbar伪元素创建一个类，并在需要进行调整时使用jQuery添加该类。

<强> CSS

.test::-webkit-scrollbar {
       // your code here
}

<强>的jQuery

$('body').addClass('test');

另外，找到了这个JSFiddle here

http://jsfiddle.net/promatik/wZwJz/18/

哪个对你有用！

解决方案＃2：JQuery插件

jScrollPane - cross browser styleable scrollbars with jQuery and CSS

在锚点更改滚动条的颜色？

1 个答案: