美文网首页工作生活
前端-解决IE浏览器下iframe中出现多余的滚动条问题

前端-解决IE浏览器下iframe中出现多余的滚动条问题

作者: 咖啡色的自由 | 来源:发表于2019-07-11 20:31 被阅读0次
如上图红色区域所示可以看到,在IE浏览器下会出现这样的多余滚动条。

       如上图红色区域所示可以看到,在IE浏览器下会出现这样的多余滚动条。由于这个页面是用iframe标签嵌入的,所以直接用IE的调试工具是无法解析内部的结构的。

处理方案:

方案一:给iframe标签增加css属性,display: block;

方案二:在chrome浏览器下打开iframe内部的页面,通过查看调试者工具可以看到iframe内部的结构

从图中可以看到html的位置有添加一个overflow:scroll的属性,这个属性会自动为页面添加一个滚动条。因此,去掉该属性之后,问题就得到解决了。

相关文章

  • 前端-解决IE浏览器下iframe中出现多余的滚动条问题

    如上图红色区域所示可以看到,在IE浏览器下会出现这样的多余滚动条。由于这个页面是用iframe标签嵌入的,所...

  • IFrame Resizer

    在使用iframe时,经常遇到的问题是由于内容与iframe的尺寸不匹配,会产生多余的滚动条。处理这种问题常常需要...

  • 关于前端开发过程中浏览器部分兼容问题

    关于前端开发过程中浏览器兼容问题 IE6常见CSS解析BUG以及Hack解决方法 a) 默认高度: 在IE6以及...

  • 干货 | 关于IE,你绝对想不到的神坑!

    导语 浏览器兼容问题是前端人员经常遇到和必须解决的问题,其中最独树一帜的就是IE浏览器了,没错,兼容IE绝对是每个...

  • 干货 | 关于IE,你绝对想不到的神坑!

    导语 浏览器兼容问题是前端人员经常遇到和必须解决的问题,其中最独树一帜的就是IE浏览器了,没错,兼容IE绝对是每个...

  • 浏览器滚动条样式重置

    谷歌浏览器 IE浏览器 IE浏览器只能修改颜色 火狐浏览器 火狐浏览器未开放针对滚动条样式的设定 隐藏浏览器滚动条

  • IE6 hack for js

    1. ie6下iframe不显示的问题 在ie6下有时会碰到iframe不显示的问题,刷新后才能显示,此问题不...

  • a标签href属性值

    在做项目的过程中,遇到问题如下: 问题:Google浏览器点击a标签,弹出弹框,滚动条回滚。测试了ie和火狐浏览器...

  • 微信安装证书控件安装

    用chrome 浏览器经常遇到重复安装的问题 ,还没解决 但是换成ie浏览器就不会出现重复安装问题

  • iframe在ios中兼容的问题

    iframe在iOS中显示异常的问题: 如果iframe的内容可以自适应,并且在没有内部滚动条的情况下重新改变大小...

网友评论

    本文标题:前端-解决IE浏览器下iframe中出现多余的滚动条问题

    本文链接:https://www.haomeiwen.com/subject/aagxhctx.html