亿信BI滚动条系列设置方法

417
5

1505121235 数据达人Lv4

发表于2019-9-26 18:41

楼主
1.设置滚动条样式,包括箭头,滑块和背景
  1. addStyleSheet("::-webkit-scrollbar{width:8px;height:8px}");
  2. addStyleSheet("::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0)}");
  3. addStyleSheet("::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.4);background-color:rgba(0,0,0,.01)}");
  4. addStyleSheet("::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.4);background-color:rgba(0,0,0,.05)}");
  5. addStyleSheet("::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}");
  6. addStyleSheet("::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}");
  7. addStyleSheet("::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.6)}");
  8. addStyleSheet("html {scrollbar-face-color:rgba(204, 204, 204, 1);scrollbar-highlight-color:rgba(255,255,255,.01);scrollbar-3dlight-color:rgba(255,255,255,.01);scrollbar-darkshadow-color:rgba(255,255,255,.01);scrollbar-Shadow-color:rgba(255,255,255,.01);/*滑块边色*/scrollbar-arrow-color:rgba(255,255,255,0);/*箭头颜色*/scrollbar-track-color:rgba(255,255,255,0);/*背景颜色*/}");
  9. addStyleSheet("html {scrollbar-face-color:rgba(204, 204, 204, 1);scrollbar-highlight-color:rgba(255,255,255,.01);scrollbar-3dlight-color:rgba(255,255,255,.01);scrollbar-darkshadow-color:rgba(255,255,255,.01);scrollbar-Shadow-color:rgba(255,255,255,.01);/*滑块边色*/scrollbar-arrow-color:rgba(255,255,255,0);/*箭头颜色*/scrollbar-track-color:rgba(255,255,255,0);/*背景颜色*/}");
复制代码
2.自动定位到这个表格上产生滚动条:
客户端脚本:g_rptpage.grids["GRID2"].setFocus(true);
grid2是要定位到的表格代号

其他可参考官网demo滚动条样式的设置
http://bbs.esensoft.com/forum.ph ... tid=128451&mobile=2
http://bbs.esensoft.com/thread-128452-1-1.html



最近看过此主题的会员

zjx

小亿

进阶的小木桩

leiz

潇悦呀

dongying

本主题由辰哥于2019-9-27 16:56添加图章 精华

5个回答

只看楼主

辰哥 管理员

发表于2019-9-27 16:56

只看该作者

取消 关注该作者的回复

沙发

很棒的分享

totosa 数据达人Lv4

发表于2019-10-17 15:58

只看该作者

取消 关注该作者的回复

板凳

请问“1.设置滚动条样式,包括箭头,滑块和背景”中的语句有什么平台适用范围么,直接加到脚本里没有效果

1505121235 数据达人Lv4

发表于2019-10-17 17:14

只看该作者

取消 关注该作者的回复

地板

totosa 发表于 2019-10-17 15:58
请问“1.设置滚动条样式,包括箭头,滑块和背景”中的语句有什么平台适用范围么,直接加到脚本里没有效果 ...

我本地是47的环境,设置有效果
截图201910171714199739.png

totosa 数据达人Lv4

发表于2019-10-18 08:43

只看该作者

取消 关注该作者的回复

5#

1505121235 发表于 2019-10-17 17:14
我本地是47的环境,设置有效果

谢谢

北栀ご 初学数据Lv2

发表于2020-1-6 16:32

只看该作者

取消 关注该作者的回复

6#

修改滑块的颜色应修改第五行的background-color:rgba(0,0,0,.2)这个标签

登录后可回答问题,请登录注册

回帖消息提醒
快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

渠道咨询电话:137-0120-6790

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

进群交流、一对一指导

©2020ESENSOFT北京亿信华辰软件有限责任公司版权所有:京ICP备07017321号京公网安备11010802016281号