报表滚动条样式脚本

3176
2

yangqh 数据老手Lv5

发表于2019-8-29 10:00

楼主
报表模板整体纵向滚动条样式脚本示例:
  1. //滚动条在整个页面中
  2. addStyleSheet("#BODYAREA{overflow:hidden !important}");
  3. addStyleSheet(".scrollBarContainerClass{width:10px !important;background:#02174e;}");
  4. addStyleSheet(".scrollBarClass{border-radius:10px !important;background-color:#C0C0C0 !important;}");
  5. include("vfs/root/demojs/slimscrollbody.js");
复制代码
整个报表的滚动条设置脚本和单个容器的滚动条样式的设置脚本是不一样的,容器内滚动条样式设置脚本示例:
  1. addStyleSheet("#HHH21{overflow:hidden !important}");
  2. addStyleSheet(".scrollBarContainerClass{width:5px !important;}");
  3. addStyleSheet(".scrollBarClass{border-radius:10px !important;background-color:#111F78 !important;}");

  4. include("vfs/root/demojs/slimscroll.js");
  5. new slimScroll($("#HHH21")[0], {
  6.       'wrapperClass': '',

  7.       'scrollBarClass': 'scrollBarClass',

  8.       'scrollBarContainerClass': 'scrollBarContainerClass',  

  9.       'scrollBarContainerSpecialClass': '',

  10.       'scrollBarMinHeight': '',

  11.       'scrollBarFixedHeight': '',

  12.       'keepFocus': true
  13.     });
复制代码
脚本中引用的js文件下载:
vfs.zip (5.41 KB, 下载次数: )

最近看过此主题的会员

liguangliang

zhaojinjin

brave0520

esen_4Y3L5ADO80

一一

esen_501MCUYQS7SA

jiangqiao

esen_5116BAGJ0I

陈平安

Simon0zero

DJY

2个回答

只看楼主

fanzhixin 数据达人Lv4

发表于2019-8-30 10:51

只看该作者

取消 关注该作者的回复

沙发

感谢,纵向滚动条已经调出来了,也仿照这个纵滚动条进行过横向滚动条的实验,但是没有成功,方便给一个具体的案例吗

totosa 数据达人Lv4

发表于2019-10-17 15:50

只看该作者

取消 关注该作者的回复

板凳

fanzhixin 发表于 2019-8-30 10:51
感谢,纵向滚动条已经调出来了,也仿照这个纵滚动条进行过横向滚动条的实验,但是没有成功,方便给一个具体 ...

请问你知道横向滚动条怎么修改样式了么

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

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

小时

全天响应

分钟

快速处理问题

工程师强势助力

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

400咨询:400-0011-866

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

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

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