finereport决策报表添加滚动条，实现上下滚动效果

1. 描述

一个网页中嵌入了一个 iframe，iframe 中嵌入一张报表，当报表大小超过 iframe 大小时，iframe 中就会出现滚动条；

当 iframe 超过浏览器大小时，浏览器便会出现滚动条，就是下图这种效果。

2. 实现原理

如果我们横向与纵向都只想保留一个滚动条，应该怎么做呢？首先我们来看一下 iframe 的定义方式：

其中 height、width 决定了 iframe 的大小，其值有两种写法：

height=100% 相对于浏览器的百分比

height="800"实际像素值

frameborder="0"设置 HTML 框架边框的显示方式，0 则表示没有边框

3. 实现步骤

如果用实际像素值来定义 iframe 的大小，就可能出现 iframe 比浏览器大的情况。
因此这个问题的解决方法就是，定义iframe大小时使用百分比来定义，这样确保 iframe 始终在浏览器内，只有 iframe 中才可能会出现滚动条，如下图所示的效果，就只有一组滚动条了，示例如下：

也可以直接将滚动条隐藏，JS 代码如下：

3.1 其它问题

其中使用谷歌浏览器还是会有滚动条，因为 body 默认有 margin 属性，谷歌计算 iframe 的宽度时去掉 margin 了，但是计算高度时没去掉，所以页面集成时需要修改 body 属性，加上 style="margin:0px"。

"margin:0px">

1. 描述

一个网页中嵌入了一个 iframe，iframe 中嵌入一张报表，当报表大小超过 iframe 大小时，iframe 中就会出现滚动条；

当 iframe 超过浏览器大小时，浏览器便会出现滚动条，就是下图这种效果。

2. 实现原理

如果我们横向与纵向都只想保留一个滚动条，应该怎么做呢？首先我们来看一下 iframe 的定义方式：

其中 height、width 决定了 iframe 的大小，其值有两种写法：

height=100% 相对于浏览器的百分比

height="800"实际像素值

frameborder="0"设置 HTML 框架边框的显示方式，0 则表示没有边框

3. 实现步骤

如果用实际像素值来定义 iframe 的大小，就可能出现 iframe 比浏览器大的情况。
因此这个问题的解决方法就是，定义iframe大小时使用百分比来定义，这样确保 iframe 始终在浏览器内，只有 iframe 中才可能会出现滚动条，如下图所示的效果，就只有一组滚动条了，示例如下：

也可以直接将滚动条隐藏，JS 代码如下：

3.1 其它问题

其中使用谷歌浏览器还是会有滚动条，因为 body 默认有 margin 属性，谷歌计算 iframe 的宽度时去掉 margin 了，但是计算高度时没去掉，所以页面集成时需要修改 body 属性，加上 style="margin:0px"。

"margin:0px">