Question

我有一个div有很多行（thymeleaf cicle），因此我使用滚动条查看所有元素。现在我会改变这个滚动条的颜色，但我不知道如何。我已阅读并尝试了许多指南而没有任何结果。这是我在js文件中的滚动条代码：

$(window).on("load resize",function() {
    winHeight = $(window).height();
    $('#scrollerCa').css({
        'max-height' : (winHeight)-100 + "px",
        'overflow-y' : "auto",
        'overflow-x' : "hidden",
    });
});

任何人都知道如何改变颜色？现在非常糟糕提前谢谢

Answer 1

使用这些简单的滚动条CSS属性：

scrollbar-face-color: #000000;  
scrollbar-shadow-color: #2D2C4D;  
scrollbar-highlight-color:#7D7E94;  
scrollbar-3dlight-color: #7D7E94;  
scrollbar-darkshadow-color: #2D2C4D;  
scrollbar-track-color: #7D7E94;  
scrollbar-arrow-color: #C1C1D1;

当然，你应该把它放在#yourdiv{}或.yourdiv{}

里面

检查this链接。

Answer 2

使用下面的jQuery CSS属性

$('#scrollerCa').css({
    'max-height' : (winHeight)-100 + "px",
    'overflow-y' : "auto",
    'overflow-x' : "hidden",
    "background-color": "yellow"
});

更改div的滚动条颜色

2 个答案: