历史版本4 :隐藏滚动条 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本功能变动
11.0--

1.2 应用场景

报表块内容过多时,会出现横向和纵向滚动条,在看板、大屏应用中下非常影响报表美观。如下图所示:

为了报表美观,如何隐藏出现的滚动条呢?

1.3 功能介绍

可通过添加 JS 代码隐藏,或安装「自定义滚动条插件」隐藏,具体实现方法参考本文第 3 章内容。

2. 接口介绍编辑

隐藏滚动条的 JS 接口,请参见:隐藏滚动条接口

3. 示例索引编辑

方法介绍效果图示

实现思路:

安装滚动条插件后,滚动条样式被统一为灰色的长圆角矩形,并且会跟随鼠标滚轮滚动,会在空闲时自动隐藏,使界面变得简洁。

参考文档:

自定义滚动条插件


1622613706232601.gif

实现思路:

使用 JS 获取报表块的整体宽度,通过修改报表的宽度,将滚动条隐藏。隐藏后可以通过鼠标滚轮上下滚动内容。

参考文档:

JS隐藏报表块滚动条

20180813154525_4181.gif


通过 JS 接口隐藏报表块滚动条,隐藏后不会跟随鼠标滚轮滚动。看板、大屏中因为自适应出现的滚动条可以通过此方法隐藏。

参考文档:

本文第 2 章