PhoneGap中文网

标题: jqmobi如何修改右侧滚动条的颜色 [打印本页]

---

作者: admin    时间: 2014-8-9 22:41
标题: jqmobi如何修改右侧滚动条的颜色
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    时间: 2014-8-10 18:57
要是不想显示 怎么办？？？

---

作者: lobtao    时间: 2014-8-11 16:16
你那设置成和背景色一样就好了，例如白色，哈

---

作者: xpoqx    时间: 2014-8-11 20:03

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

设半透明了~ 哈哈

---

作者: lobtao    时间: 2014-8-11 20:27

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

怎么整的，把结果show一下

---

作者: xpoqx    时间: 2014-8-11 20:53

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

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

---

作者: admin    时间: 2014-8-11 20:54

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

不显示直接宽度改为0

---

作者: lobtao    时间: 2014-8-11 23:24

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

确实高见

---

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)

Powered by Discuz! X3.2