关于iframe的滚动条

时间:2021-07-02 19:28:00

     最近研究了一下iframe的滚动条,iframe本身自带道理scorlling属性,但是如果嵌入到iframe中的jsp页面的body中设置了样式overvflow:hidden的时候,iframe的滚动条属性失效,经过多次试验,证明在子页面中设置overflow:auto的时候,iframe随着窗口放大缩小会出现滚动条,当我们用jquery在父页面获取iframe对象,把的滚动条属性设置成没有,或者把他的overflow设置成hidden时,此滚动条还在。

      最终解决问题的办法,通过iframe获取子页面的body,然后把body的overflow设置成hidden,这样滚动条动态消失了。

      也许有人会问为啥要这样动态去掉滚动条,最近做了一个jquery的动态渐出,如果存在滚动条,渐出的时候会很难看,所以在渐出之前把滚动条用js或者jquery去掉它,然后渐出就好看多了,研究了一段时间的结论,写下来日后有用可以参考。