我的位置：首页 › 大数据分析-亿信BI › BI-心得体验 › 亿信BI滚动条系列设置方法

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

复制链接 | 收藏本帖

3966

: 1505121235 数据老手Lv5

发表于2019-9-26 18:41

楼主

1.设置滚动条样式，包括箭头，滑块和背景

addStyleSheet("::-webkit-scrollbar{width:8px;height:8px}");
addStyleSheet("::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0)}");
addStyleSheet("::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.4);background-color:rgba(0,0,0,.01)}");
addStyleSheet("::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.4);background-color:rgba(0,0,0,.05)}");
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)}");
addStyleSheet("::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}");
addStyleSheet("::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.6)}");
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);/*背景颜色*/}");
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