iframe显示滚动条

最新推荐文章于 2023-05-30 17:25:48 发布
最新推荐文章于 2023-05-30 17:25:48 发布
阅读量191 收藏 1
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/caohaifeng/p/5550727.html
版权

子页面通过iframe加载，出现了竖向滚动条

最后查出原因：文档申明

iframe有滚动条的页面的文档申明

<!DOCTYPE html>

改成如下就行了 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

如果一定要html5的形式的话，试下以下方法

1、隐藏父页面iframe滚动条： <iframe id="imagePageIframe" style="width: 100%; height: 100%; overflow: hidden; " src="${ctp}/app/verify/imagePage.jsp"></iframe> 
主要是overflow: hidden; （scroll显示 auto根据内容动态显示 hidden不显示） 
2、去掉子页面B 的Transitional//EN文档类型声明：即修改文档声明为<!doctype html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
3、子页面B 的body style="overflow:auto"。 
4、据说父页面 A 的文档类型要改成 HTML 4.01 Transitional ，我没改，也好使，呵呵。 

转载于:https://www.cnblogs.com/caohaifeng/p/5550727.html

JS去除iframe滚动条的方法
10-24
然而，有时嵌入的网页内容尺寸可能会超过iframe的可视区域，这时浏览器会自动为iframe添加滚动条，以便用户能够滚动查看整个内容区域。虽然这对于某些情况可能是必要的，但在其他一些情况下，开发者可能希望去除滚动...
layer弹出层 iframe层去掉滚动条的实例代码
10-18
这里的`'no'`实际上是一个特殊的参数，根据layer的手册，当加载iframe时，如果在URL后面添加`'no'`，可以使得iframe层不显示滚动条。 然而，这并不总是有效，因为对于不同的浏览器和页面内容，可能需要进一步的CSS...
完全搞定iframe（框架）里的滚动条！（一）
热门推荐
xpnew的技术blog
05-07 1万+
 完全搞定iframe（框架）里的滚动条！（一）说明：1、本文参考了网络上大量资料，本人在此深表感谢！2、本文假设读者，有一定的HTML、CSS、JS基础。3、本文讨论的目标是，通过A页面里的标记引用B网页之后，在A页面上出现滚动条这种情况的几种解决办法。4、因为篇幅的关系，文章被分成了两部分。通常情况下，（一）就能解决你的问题，（二）将会深入探讨这个问题和相关的解决方案。5、如果你觉得我啰嗦
关于iframe的页面加载出现滚动条的问题
分享日常bug
11-28 1467
【代码】关于iframe的页面加载出现滚动条的问题。
页面中嵌套iframe导致页面出现滚动条
最新发布
程先生的博客
05-30 3178
经过查询发现，是因为iframe元素不是标准的块级元素，导致虽然设置了height: calc(100% - 60px);然后通过控制台查看高度也确实没有问题。但是就是出现了滚动条，这样的话，就只能通过设置iframe为块级元素来确定了。如果大家想要自己测试一下的话，可以下载下面的代码，然后通过对29行中，display:block;的注释和非注释来看下具体的表现形式；页面头部一个固定的div元素，下面是一个iframe嵌套的页面。但是发现页面会出现滚动条。
IOS上iframe的滚动条失效的解决办法
01-05
iframe内部html的滚动条不出现。并且活生生的从500px处截断，（类似overflow：hidden的效果）下面的内容不再显示。  问题重现： 结构：  index.html : <style>　 #iframe{height:500px;} </style> ...
iframe在IE6下出现横向滚动条的解决方案
09-22
在深入探讨如何解决IE6下iframe出现横向滚动条的问题之前，我们需要了解几个关键的前端技术概念，包括iframe的使用、IE6浏览器的特殊性以及CSS（层叠样式表）和JavaScript（JS）的运用。 首先，iframe（内联框架）...
iframe里面的内容有滚动条，且iframe高度以它为准及扩展
幸福有多远
12-12 503
<style> #tAmMAPFtP4rFjcbO_context{ overflow: visible;//有滚动条的盒子 } </style> <script> function IFrameResize(){ setTimeout(function(){ let h = ...
iframe 上下滚动条如何默认在下方实现原理
12-12
问题：iframe 上下滚动条如何默认在下方，做的是聊天工具，数据多了，每次刷新出现的上下滚动默认在上方，还需下拉到下面才能看到聊天记录，有办法让它出现在下方吗? 答案：直接在iframe里写window.scrollTo(0,9999999)或者设置div等容器的scrollTop 代码如下: document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight window.scrollTo(0,9999999) 这个是解决了在下方，但是有新信息后，滚动条不会自动到下方，我是希望像qq聊天窗
设置iframe显示滚动条
許先生的博客
03-06 2207
<iframe src='' id='' scrolling='auto' frameborder='0'></iframe> 把scrolling设置为auto就行了 设置成no不显示
iframe出现滚动条问题
前端
08-12 8124
问题描述 .parent设定了高度，设置iframe height：100%,通过浏览器观察发现，外层div与iframe高度相同，为什么出现滚动条，发现没有padding/margin的影响 <div class="parent"> <iframe frameborder="no" style="width:100%;height:100%;" src="https://w...
页面内嵌入iframe出现滚动条
drawlessonsfrom的博客
06-17 5704
一、问题出现原因 iframe可以在原有的页面中嵌入一个新的页面，在所嵌入的新的页面中会出现相关的滚动条。 二、问题解决方案 直接控制iframe框架，使其不能出现滚动条。具体相关的代码如下所示： <iframe :src="srcUrl" frameborder="0" scrolling="no"></iframe> 以上相关的关键代码为： frameborder="0" scrolling="no" ...
iframe 双滚动条
weixin_45152848的博客
08-17 420
iframe 双滚动条 子页面 // 1.子页面传递消息到父页面 // 2.父页面接收到消息后下发指令到子页面 （如下setElements 指令） // 3.子页面接受指令，隐藏滚动条，并通过监听页面高度变化向父页面传递消息（传递高度） parent.postMessage('{"name":"connect"}', '*'); window.addEventListener('message', function(event) { var data = event.data; if
Iframe的滚动条操作
dcke31608的博客
12-30 343
（某些样式需ie5.5+才能支持）： 1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-...
关于iframe的滚动条
鬼烧java
11-14 329
     最近研究了一下iframe的滚动条，iframe本身自带道理scorlling属性，但是如果嵌入到iframe中的jsp页面的body中设置了样式overvflow：hidden的时候，iframe的滚动条属性失效，经过多次试验，证明在子页面中设置overflow：auto的时候，iframe随着窗口放大缩小会出现滚动条，当我们用jquery在父页面获取iframe对象，把的滚动条属性设...
关于iframe滚动条的显示控制问题
weixin_30629977的博客
11-24 184
引自：http://webkafa.blog.163.com/blog/static/17483446320081151010723/ 问题描述： 最近在做项目的时候，使用了iframe来控制页面显示。发现当iframe指向的页面高度大于iframe高度，而页面宽度小于iframe宽度时，会同时出现水平和垂直滚动条。正常情况，应该只出现垂直滚动条，只有页面宽度大于iframe宽度时，才...
iframe只显示竖的滚动条
milife2012的专栏
12-20 1516
在工作中遇到这个需求 在iFrame的包含页面里加入 html { overflow-x:hidden; } 很简单，以前的同时教过我的，不过我忘了，呵呵！
使用外部滚动条控制iframe内容滚动
在网页设计中，有时我们需要对iframe进行自定义控制，例如隐藏或显示iframe的滚动条，或者通过外部元素来控制iframe的滚动行为。这个示例展示了一种方法，如何使用外部滚动条来控制iframe的滚动位置。 在给定的代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值