jqmobi如何修改右侧滚动条的颜色

admin

jqmobi如何修改右侧滚动条的颜色


找到 plugins\af.scroller.js

然后搜索
function createScrollBar


找到如下代码：

1.    function createScrollBar(width, height) {
   
2.             var scrollDiv = document.createElement("div");
   
3.             scrollDiv.style.position = "absolute";
   
4.             scrollDiv.style.width = width + "px";
   
5.             scrollDiv.style.height = height + "px";
   
6.             scrollDiv.style[$.feat.cssPrefix + "BorderRadius"] = "2px";
   
7.             scrollDiv.style.borderRadius = "2px";
   
8.             scrollDiv.style.display="none";
   
9.             scrollDiv.className = "scrollBar";
   
10.             scrollDiv.style.background = "black";
    
11.             return scrollDiv;
    
12.         }

复制代码

其中 scrollDiv.style.background = "black";  就是右侧滚动条的颜色
修改为：

1. function createScrollBar(width, height) {
   
2.             var scrollDiv = document.createElement("div");
   
3.             scrollDiv.style.position = "absolute";
   
4.             scrollDiv.style.width = width + "px";
   
5.             scrollDiv.style.height = height + "px";
   
6.             scrollDiv.style[$.feat.cssPrefix + "BorderRadius"] = "2px";
   
7.             scrollDiv.style.borderRadius = "2px";
   
8.             scrollDiv.style.display="none";
   
9.             scrollDiv.className = "scrollBar";
   
10.             scrollDiv.style.background = "rgb(210,210,210)";
    
11.             return scrollDiv;
    
12.         }

复制代码

xpoqx

lobtao 发表于 2014-8-11 20:27
怎么整的，把结果show一下

scrollDiv.style.background = "rgba(98,98,98,0.1)";

xpoqx

要是不想显示 怎么办？？？

lobtao

你那设置成和背景色一样就好了，例如白色，哈

xpoqx

lobtao 发表于 2014-8-11 16:16
你那设置成和背景色一样就好了，例如白色，哈

设半透明了~ 哈哈

lobtao

xpoqx 发表于 2014-8-11 20:03
设半透明了~ 哈哈

怎么整的，把结果show一下

admin

xpoqx 发表于 2014-8-10 18:57
要是不想显示 怎么办？？？

不显示直接宽度改为0

lobtao

admin 发表于 2014-8-11 20:54
不显示直接宽度改为0

确实高见