PhoneGap中文网

 找回密码
 立即注册
查看: 22695|回复: 7
打印 上一主题 下一主题

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

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2014-8-9 22:41:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
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.         }
复制代码





it营
回复

使用道具 举报

17

主题

52

帖子

204

积分

中级会员

Rank: 3Rank: 3

积分
204
推荐
发表于 2014-8-11 20:53:13 | 只看该作者
lobtao 发表于 2014-8-11 20:27
怎么整的,把结果show一下

scrollDiv.style.background = "rgba(98,98,98,0.1)";
it营
回复 支持 1 反对 0

使用道具 举报

17

主题

52

帖子

204

积分

中级会员

Rank: 3Rank: 3

积分
204
沙发
发表于 2014-8-10 18:57:22 | 只看该作者
要是不想显示 怎么办???
回复 支持 反对

使用道具 举报

1

主题

19

帖子

127

积分

注册会员

Rank: 2

积分
127
板凳
发表于 2014-8-11 16:16:48 | 只看该作者
你那设置成和背景色一样就好了,例如白色,哈
回复 支持 反对

使用道具 举报

17

主题

52

帖子

204

积分

中级会员

Rank: 3Rank: 3

积分
204
地板
发表于 2014-8-11 20:03:51 | 只看该作者
lobtao 发表于 2014-8-11 16:16
你那设置成和背景色一样就好了,例如白色,哈

设半透明了~ 哈哈
回复 支持 反对

使用道具 举报

1

主题

19

帖子

127

积分

注册会员

Rank: 2

积分
127
5#
发表于 2014-8-11 20:27:44 | 只看该作者
xpoqx 发表于 2014-8-11 20:03
设半透明了~ 哈哈

怎么整的,把结果show一下
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
7#
 楼主| 发表于 2014-8-11 20:54:48 | 只看该作者
xpoqx 发表于 2014-8-10 18:57
要是不想显示 怎么办???

不显示直接宽度改为0
回复 支持 反对

使用道具 举报

1

主题

19

帖子

127

积分

注册会员

Rank: 2

积分
127
8#
发表于 2014-8-11 23:24:14 | 只看该作者
admin 发表于 2014-8-11 20:54
不显示直接宽度改为0

确实高见
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-22 05:11 , Processed in 0.067826 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表