关于iframe滚动条的显示控制问题

引自:http://webkafa.blog.163.com/blog/static/17483446320081151010723/

问题描述:

    最近在做项目的时候,使用了iframe来控制页面显示。发现当iframe指向的页面高度大于iframe高度,而页面宽度小于iframe宽度时,会同时出现水平和垂直滚动条。正常情况,应该只出现垂直滚动条,只有页面宽度大于iframe宽度时,才会出现水平滚动条。

 

测试环境:

    IE6,这个问题在IE7下不存在,属于IE的一个Bug。

 

解决办法:

    方法一:经过研究,发现出现这种问题的原因是由于页面采用xhtml1-transitional.dtd规范造成的。如果去掉了头部的DTD;

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

滚动条的问题就能解决。

 

    方法二:此方法也是最终解决办法(优于第一种方法)。在页面的onload事件里添加js脚本如下:

    document.body.style.width=document.documentElement.clientWidth;
    document.body.style.height=document.documentElement.clientHeight;

转载于:https://www.cnblogs.com/nearpengju123/p/4118898.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值