页面拥有iframe，在ie中会出现多个竖直滚动条

最新推荐文章于 2022-04-13 15:36:08 发布
最新推荐文章于 2022-04-13 15:36:08 发布
阅读量532 收藏 1
点赞数
分类专栏： 前端相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tree3170/article/details/8463918
版权
用iframe布局，会碰到浏览器右边出现2个滚动条，简单代码解决用iframe布局，会碰到浏览器右边出现2个滚动条，简单代码解决，用下面的代码可以把浏览器本身的滚动条去掉，只留页面产生的滚动条:<body scroll="no" style="overflow:hidden">
tree3170
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe在IE6下出现横向滚动条的解决方案
09-22
最近的项目中，遇到ie6下当iframe出现纵向滚动条时同时会出现横向滚动条。分析了代码，大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。
在iframe中隐藏横向滚动条的方法大全
10-31
在iframe中隐藏横向滚动条的方法大全
出现两个滚动条的解决方式
qq_52784066的博客
04-13 1万+
页面出现两个滚动条 为什么会出现两个滚动条？ 当页面的内容高度大于屏幕（视口）的高度的时候就会出现外侧滚动条 解决：不给定父元素高度以及取消overflow：hidden 为了兼容响应式 背景一直都为设定背景 可以将背景设置在html标签中 注意的是：此时就不能加scoped属性了 overflow 外边距（margin）的折叠 父子元素相邻外边距，子元素的margin会传递到父元素上（上外边距） 初步解决： 不让他们相邻 加边框 父元素用padding-top同时还得减去父元素的高度 优化解决：
iframe出现滚动条问题
前端
08-12 7789
问题描述 .parent设定了高度，设置iframe height：100%,通过浏览器观察发现，外层div与iframe高度相同，为什么出现滚动条，发现没有padding/margin的影响 <div class="parent"> <iframe frameborder="no" style="width:100%;height:100%;" src="https://w...
iframe关于滚动条的去除和保留
banweili008的博客
12-29 2260
转载自:iframe关于滚动条的去除和保留 iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢？ 一：去掉全部的滚动条 第一个方法： iframe 有一个scrolling属性，它有 auto , yes , no 这三个值。 scrolling : auto -----在需要的时候滚动条出现
完全搞定iframe（框架）里的滚动条！（一）
xpnew的技术blog
05-07 1万+
 完全搞定iframe（框架）里的滚动条！（一）说明：1、本文参考了网络上大量资料，本人在此深表感谢！2、本文假设读者，有一定的HTML、CSS、JS基础。3、本文讨论的目标是，通过A页面里的标记引用B网页之后，在A页面上出现滚动条这种情况的几种解决办法。4、因为篇幅的关系，文章被分成了两部分。通常情况下，（一）就能解决你的问题，（二）将会深入探讨这个问题和相关的解决方案。5、如果你觉得我啰嗦
最简单的方法实现去iframe滚动条
wangsong76的专栏
06-29 880
该文也可以说是一个iframe自适应大小的折中解决办法。 iframe出现滚动条的原因是，body里面的内容的高度大于了iframe的高度，所以会出现滚动条。 解决办法： 采用Jquery从iframe嵌套的页面中获取一个高度值，在iframe的父窗口中的onload事件中更新iframe的高度。 具体实现代码： 父页面： [code="html"] function Set...
JavaScript中关于iframe滚动条的去除和保留
11-27
在开发中经常遇到去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条，大家基于js是怎么实现的呢？下面通过本文给大家介绍下JavaScript中关于iframe滚动条的去除和保留的...
页面中嵌套iframe导致页面出现滚动条
05-30
通过对29行的注释和非注释，查看页面是否还有滚动条
iframe 上下滚动条如何默认在下方实现原理
12-12
问题：iframe 上下滚动条如何默认在下方，做的是聊天工具，数据多了，每次刷新出现的上下滚动默认在上方，还需下拉到下面才能看到聊天记录，有办法让它出现在下方吗? 答案：直接在iframe里写window.scrollTo(0,...
关于IE浏览器出现滚动条问题
趙小二啊
04-15 4482
给页面添加CSS样式 如下 html, body { -ms-overflow-style: scrollbar; }
iframe中的页面在IE全屏模式下没有滚动条，正常模式有滚动条
weixin_30795127的博客
03-22 264
这个问题在其他浏览器都不会出现，唯独IE不行，搜遍了百度以及各大论坛网站，都找不到这个问题的解决方案，只好自己整了。 造成这个问题的原因很简单，就是刚开始的滚动条我用的是iframe的滚动条，iframe中的页面内容高度超过iframe高度后就会出现滚动条，在正常窗口能够出现滚动条，但是全屏模式下就不会出现，导致超出屏幕高度的内容无法浏览。 解决...
HTML IE iframe 始终显示垂直滚动条
weixin_30278311的博客
09-15 195
注意： IFrame在Firefox，google 浏览器中，只要overflow-x:hidden;overflow-y:scroll就可以解决 但是在IE内，XP和W98等版本中，不同版本浏览器下会出现一些差异，无法实现始终显示一个垂直或水平的滚动条 总之IE内，IFrame往往是要么横纵滚动条一起显示，要么全部不显示，没有其他的选择 解决方案： 可以通过IFrame内部嵌套div的...
XMLHTML 的 滚动条
weixin_30237281的博客
04-25 336
1.xhtml下滚动条的颜色问题？在原来的html的时候，我们可以这样定义整个页面的滚动条body{scrollbar-3dlight-color:#D4D0C8;/*-最外左-*/scrollbar-highlight-color:#fff;/*-左二-*/scrollbar-face-color:#E4E4E4;/*-面子-*/scrollbar-arrow-...
解决iframe出现两个滚动条的问题
fengzi_manong的博客
07-21 6770
花了一个多小时，终于解决了因为iframe框架出现两个滚动条的问题。原理( 借鉴了网上kaka的思路，但是js与他写的不一样)是： 1.强制隐藏最上层窗口的滚动条 2.获取浏览器窗口的高度 3.用浏览器窗口的高度减去头部iframe的高度就是内容iframe的高度了             main     ">          $(function(){     
解决iframe滚动条问题
tony的专栏
01-12 2167
解决方案一： 去掉文件开头的文档声明。不使用"DOCTYPE "文档声明(详细代码在下面)的话很容易就过去了。但是不使用文档声明，一是代码不规范，二是不能获得文档的高度。 下面的代码执行的结果是pageHeight=160px;，而实际上B文件的高度（长度）是800px左右。var pageHeight = (document.body.clientHeight?document.body
如何去掉iframe框架自带滚动条
热门推荐
weixin_40607363的博客
12-18 5万+
1、去掉底下的滚动条且保留右边的滚动条 在嵌入的页面里设置 body{overflow-x：hidden；overflow-y：auto；} 2、：去掉右边的滚动条且保留底下的滚动条        如果只想保留底下的滚动条，那么可以在嵌入的页面里设置 body{overflow-x：auto ; overflow-y：hidden；} 3、 去掉全部的滚动条 第一个方法：
页面多个iframe
最新发布
09-13
页面中使用多个iframe的目的是为了将不同的网页内容嵌入到当前页面中。通过使用iframe，可以将其他网页或者文档嵌入到当前页面的指定位置。 在HTML中，可以使用以下代码来创建一个iframe： ```html <iframe src=...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值