-
-
木兮 数据达人Lv4
发表于2020-11-18 10:02
悬赏50
已解决
楼主
整个报表的滚动条，和容器内的滚动条。abi的脚本，可以分享一下么？
最近看过此主题的会员
最佳答案
本帖最后由 xxxl 于 2020-11-18 16:02 编辑
沾重复 我改了第二个应该为代号为HHH2的容器
修改报表中滚动条样式代码应该为
复制代码修改代号为HHH2的容器滚动条样式代码为
复制代码更多滚动条相关的属性如下
复制代码[attach]30232[/attach]
我已经写了一个知识帖子 您可以看一下https://bbs.esensoft.com/thread-137839-1-1.html
木兮 发表于 2020-11-18 15:26
老师，您这里，是不是粘重复了，这个脚本对于整个报表是管用的，现在还差一个容器的。
...
沾重复 我改了第二个应该为代号为HHH2的容器
修改报表中滚动条样式代码应该为
- EUI.addStyleSheet("#BODYAREA::-webkit-scrollbar-thumb{width:8px;height:8px;background:red;}");
- EUI.addStyleSheet("#HHH2::-webkit-scrollbar-thumb{width:8px;height:8px;background:red;}");
- ::-webkit-scrollbar 滚动条整体部分
- ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
- ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）
- ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
- ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
- ::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
- ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
我已经写了一个知识帖子 您可以看一下https://bbs.esensoft.com/thread-137839-1-1.html
5个回答
可以看看这两个帖子
https://bbs.esensoft.com/thread-133065-1-1.html
https://bbs.esensoft.com/thread-133594-1-1.html
abi需要在addStyleSheet前加EUI.
xxxl 发表于 2020-11-18 10:08
可以看看这两个帖子
https://bbs.esensoft.com/thread-133065-1-1.html
https://bbs.esensoft.com/thread-1 ...
EUI.addStyleSheet("#HHH21{overflow:hidden !important}");
EUI.addStyleSheet(".scrollBarContainerClass{width:5px !important;}");
EUI.addStyleSheet(".scrollBarClass{border-radius:10px !important;background-color:#111F78 !important;}");
include("vfs/root/demojs/slimscroll.js");
new slimScroll($("#HHH21")[0], {
'wrapperClass': '',
'scrollBarClass': 'scrollBarClass',
'scrollBarContainerClass': 'scrollBarContainerClass',
'scrollBarContainerSpecialClass': '',
'scrollBarMinHeight': '',
'scrollBarFixedHeight': '',
'keepFocus': true
});
我这样写的，它报错
本帖最后由 xxxl 于 2020-11-18 15:29 编辑
木兮 发表于 2020-11-18 10:18
EUI.addStyleSheet("#HHH21{overflow:hidden !important}");
EUI.addStyleSheet(".scrollBarContainerCla ...
修改报表中滚动条样式代码应该为
- EUI.addStyleSheet("#BODYAREA::-webkit-scrollbar-thumb{width:8px;height:8px;background:red;}");
- EUI.addStyleSheet("#HHH2::-webkit-scrollbar-thumb{width:8px;height:8px;background:red;}");
- ::-webkit-scrollbar 滚动条整体部分
- ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
- ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）
- ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
- ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
- ::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
- ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
xxxl 发表于 2020-11-18 11:18
修改报表中滚动条样式代码应该为
修改代号为HHH2的容器滚动条样式代码为
更多滚动条相关的属性如下
老师，您这里，是不是粘重复了，这个脚本对于整个报表是管用的，现在还差一个容器的。
本帖最后由 xxxl 于 2020-11-18 16:02 编辑
木兮 发表于 2020-11-18 15:26
老师，您这里，是不是粘重复了，这个脚本对于整个报表是管用的，现在还差一个容器的。
...
沾重复 我改了第二个应该为代号为HHH2的容器
修改报表中滚动条样式代码应该为
- EUI.addStyleSheet("#BODYAREA::-webkit-scrollbar-thumb{width:8px;height:8px;background:red;}");
- EUI.addStyleSheet("#HHH2::-webkit-scrollbar-thumb{width:8px;height:8px;background:red;}");
- ::-webkit-scrollbar 滚动条整体部分
- ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
- ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）
- ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
- ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
- ::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
- ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
我已经写了一个知识帖子 您可以看一下https://bbs.esensoft.com/thread-137839-1-1.html
