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

最新推荐文章于 2024-03-25 19:16:23 发布
原创 最新推荐文章于 2024-03-25 19:16:23 发布 · 601 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种简单的解决方案来避免在使用iframe布局时浏览器显示多余的滚动条。通过设置特定的HTML属性，可以隐藏浏览器自带的滚动条，仅保留由页面内容产生的滚动条。
用iframe布局，会碰到浏览器右边出现2个滚动条，简单代码解决用iframe布局，会碰到浏览器右边出现2个滚动条，简单代码解决，用下面的代码可以把浏览器本身的滚动条去掉，只留页面产生的滚动条:<body scroll="no" style="overflow:hidden">
HTML面试题汇总
歌谣的博客
12-01 1126
【HTML】 [html] 你有使用过MediaRecorder吗？说说它的运用场景有哪些？ [html] 进入编辑页面时，如何把光标聚焦到第一个input？ [html] 如何给input的右上角加个清除的按钮 [html] 举例说明只用html和css如何使得一个列表编号倒序？ [html] H5页面在微信中如何禁止分享给好友和朋友圈？ [html] http中的301、302、307、308有什么区别？ [html] 说说你对短链接的理解，它有什么应用场景呢？ [html] 网页中的友情链接有什么作用
在牛客网答题总结的前端面试71道HTML+CSS常考题
bluedandelion的博客
05-30 4194
1、浏览器页面有哪三层构成，分别是什么，作用是什么?       构成：结构层、表示层、行为层        分别是：HTML、CSS、JavaScript        作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。2、HTML5的优点与缺点？优点：        a、网络标准统一、HTML5本身是由W3C推荐出来的；       b、多...
最简单的方法实现去iframe滚动条
wangsong76的专栏
06-29 1011
该文也可以说是一个iframe自适应大小的折中解决办法。 iframe出现滚动条的原因是，body里面的内容的高度大于了iframe的高度，所以会出现滚动条。 解决办法： 采用Jquery从iframe嵌套的页面中获取一个高度值，在iframe的父窗口中的onload事件中更新iframe的高度。 具体实现代码： 父页面： [code="html"] function Set...
iFrame只要竖滚动条，不要横滚动条
超越梦想...
04-20 718
如题，就是在网页中，只显示右侧的垂直滚动条，而不要底部的水平滚动条；这个问题让我挠头了半天。做的那个管理界面，为了能让菜单在整个窗口中显示，我没有用Frame，而是用了iFrame；为了让iFrame窗口适用大小，我也用JavaScript代码做了判断；插入iFrame的代码如下(我没有设宽高，宽高有Js代码控制的，这里不再描述)<iframe src="welcome.h
IE6去除iframe滚动条
UFO
08-23 602
在页面上引用frame或者iframe，在IE6浏览器下，可能出现横向滚动条，如果使用scroling="no"，会消除纵向的滚动条。 好，那也有可能在body标签或css里面定义overflow-x: hidden; overflow-y: auto;这两个参数，但是仍旧那讨厌的横向滚动条还在。     这是为什么呢？原来，在用IE6浏览有框架的XHTML页面的时候，默认会水平和垂直滚动条会
IE8 下 iframe 滚动条的问题
weixin_34090643的博客
07-30 286
//设置滚动条 $("iframe[name='updateFocalWork']").attr("scrolling", "yes").css("overflow-y", "auto").css("overflow-x", "hidden"); 无法将默认scrolling为no 的iframe修改属性,导致无法显示滚动条. 转载于:https://www.cnb...
iframe出现滚动条问题
前端
08-12 8731
问题描述 .parent设定了高度，设置iframe height：100%,通过浏览器观察发现，外层div与iframe高度相同，为什么出现滚动条，发现没有padding/margin的影响 <div class="parent"> <iframe frameborder="no" style="width:100%;height:100%;" src="https://w...
HTML知识点
圆的博客
09-07 1144
Hyper Text MarkupLanguage（超文本标记语言）。 超文本包括：文字、图片、音频、视频、动漫等 W3C标准 *World Wide Web Consortium（万维网联盟） *成立于1994年，Web技术领域最权威和具影响力的 国 际中立性技术标准机构 *W3C标准包括: 结构化标准语言（XHTML 、XML） 表现标准语言（CSS） 行为标准（DOM、ECMAScript ） HTML基本结构 <html > <head> <title&g
前端面试题
IT_Jiangxiaobai的博客
05-19 5697
01-HTML~02-CSS 1.每个HTML文件里面都有一个很重要的东西，Doctype，知道这是干什么的么？ 要点一 : 该标签告知浏览器浏览文档要使用的HTML规范 , 告知浏览器以何种规范解析页面 要点二 : 声明对大小写不敏感 2.常用浏览器有哪些，内核都是什么？ 答： 常用浏览器有chrome、safari、 IE、火狐(firefox) 、 Opera 、360、搜狗等 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 firefo
测试面试点
qq_38338941的博客
09-04 4638
测试面试题 三、问答题 1、在您以往的工作中，一条BUG记录都包含了哪些内容？如何提交高质量的bug记录？ 答：a)包含内容：bug编号，bug标题，bug模块、具体描述，bug等级，重现步骤，bug出现的版本号、测试环境，指派给的人，修复等级，bug状态、开发接口人员及版本号，相关附件等 每条bug里只包括一个bug、不可重现的bug也要报告、描述要简明准确、根据bug问题的...
完全搞定iframe（框架）里的滚动条！（一）
热门推荐
xpnew的技术blog
05-07 1万+
 完全搞定iframe（框架）里的滚动条！（一）说明：1、本文参考了网络上大量资料，本人在此深表感谢！2、本文假设读者，有一定的HTML、CSS、JS基础。3、本文讨论的目标是，通过A页面里的标记引用B网页之后，在A页面上出现滚动条这种情况的几种解决办法。4、因为篇幅的关系，文章被分成了两部分。通常情况下，（一）就能解决你的问题，（二）将会深入探讨这个问题和相关的解决方案。5、如果你觉得我啰嗦
iframe关于滚动条的去除和保留
banweili008的博客
12-29 2405
转载自:iframe关于滚动条的去除和保留 iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢？ 一：去掉全部的滚动条 第一个方法： iframe 有一个scrolling属性，它有 auto , yes , no 这三个值。 scrolling : auto -----在需要的时候滚动条出现
IE的滚动条问题
xiamaidou的专栏
05-31 457
在IE中和GOOGLE,FIRE浏览器中，想要去除滚动条得用不同得方法。 在IE中： 1.如果使用得是母版页，在页面中没有body标签可以使用样式：HTML{ overflow:hidden;} 2.如果没有使用母版页，那就有body标，则可以：  或者 在其它得浏览器中不管页面中有没有body标签，都可以直接使用样式: body{ overflow:hidden;}
使iframe无需使用滚动条即可根据内容自动调整高度？ [重复]
CHCH998的博客
05-03 412
This question already has an answer here: 这个问题已经在这里有了答案： Adjust width and height of iframe
【常见】解决浏览器 内 侧边滚动条
m0_64494670的博客
04-06 675
解决浏览器内右边出现滚动条问题 ，当高度大于屏幕时
iframe展示第三方页面修改滚动条样式
最新发布
为技术而生
03-25 2442
iframe展示第三方页面修改滚动条样式。 iframe定义一个内联框架，常用于嵌套另一个网页，并且实现网页间的互联互通。 在非同源中由于安全策略，对一些功能限制较大。
XMLHTML 的 滚动条
weixin_30237281的博客
04-25 393
1.xhtml下滚动条的颜色问题？在原来的html的时候，我们可以这样定义整个页面的滚动条body{scrollbar-3dlight-color:#D4D0C8;/*-最外左-*/scrollbar-highlight-color:#fff;/*-左二-*/scrollbar-face-color:#E4E4E4;/*-面子-*/scrollbar-arrow-...
HTML IE iframe 始终显示垂直滚动条
weixin_30278311的博客
09-15 248
注意： IFrame在Firefox，google 浏览器中，只要overflow-x:hidden;overflow-y:scroll就可以解决 但是在IE内，XP和W98等版本中，不同版本浏览器下会出现一些差异，无法实现始终显示一个垂直或水平的滚动条 总之IE内，IFrame往往是要么横纵滚动条一起显示，要么全部不显示，没有其他的选择 解决方案： 可以通过IFrame内部嵌套div的...
解决iframe出现两个滚动条的问题
fengzi_manong的博客
07-21 7255
花了一个多小时，终于解决了因为iframe框架出现两个滚动条的问题。原理( 借鉴了网上kaka的思路，但是js与他写的不一样)是： 1.强制隐藏最上层窗口的滚动条 2.获取浏览器窗口的高度 3.用浏览器窗口的高度减去头部iframe的高度就是内容iframe的高度了             main     ">          $(function(){     
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值