关于iframe的滚动条

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值