首页 / 知识

关于Internet Explorer：无法在IE中删除可怕的iframe水平滚动条？

2023-04-15 15:07:00

Dreaded iframe horizontal scroll bar can't be removed in IE?

我有一个iframe。内容比我设置的宽度要宽，因此iframe会获得水平滚动条。我无法增加iframe的宽度，所以我只想删除滚动条。我尝试将scroll属性设置为" no"，但是这会杀死两个滚动条，而我想要垂直滚动条。我尝试将overflow-x设置为" hidden"，这杀死了ff中的水平滚动条，但没有杀死IE中的水平滚动条。为我难过。

1	scrolling="yes" horizontalscrolling="no" verticalscrolling="yes"

将其放入您的iFrame代码中。

您无需费心尝试在CSS中设置格式。

滚动条不是</wyn>的属性，而是它包含的页面的属性。尝试将<wyn>overflow-x: hidden</wyn>放在内页的<wyn><html></wyn>元素上。 </p> <hr> <p> 您可以尝试将iframe放入div中，然后使用div进行滚动。您可以在IE中控制div上的滚动而不会出现问题，IE仅在iframe滚动方面确实存在问题。这是一个可以解决问题的简单示例。 </p> <div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21<br />22<br />23<br />24<br />25<br />26<br /></div></td><td><div class="text codecolorer"><html><br />     <head><br />         iframe test<br /> <br />         <style>         <br />         #aTest { <br />             width: 120px;<br />             height: 50px;<br />             padding: 0;<br />             border: inset 1px #000;<br />             overflow: auto;<br />         }<br /> <br />         #aTest iframe {<br />             width: 100px;<br />             height: 1000px;<br />             border: none;<br />         }<br />         </style><br />     </head><br />     <body><br />         <br />             <iframe src="whatever.html" scrolling="no" frameborder="0"></iframe><br />         <br />     </body><br /> </html></div></td></tr></tbody></table></div> <hr> <p> 您也可以尝试将iframe中包含的页面正文的宽度设置为99％。 </p> <hr> <p><center> </center></p> <p> 所有这些解决方案都对我不起作用或不令人满意。使用可滚动的DIV，您可以使水平滚动条消失，但那时总会有垂直滚动条。 </p> <p> 因此，对于我可以确定控制所有iframe固定高度的网站而言，以下解决方案效果很好。<br /> 它只是用DIV隐藏了水平滚动条：) </p> <div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br /></div></td><td><div class="text codecolorer">    <br /> <br /> <script type="text/javascript"><br />   if (document.getElementById("idOfIframe") != null && document.getElementById("ieIframeHorScrollbarHider") != null)<br />   {<br />     document.getElementById("ieIframeHorScrollbarHider").style.display ="block";<br />   }</div></td></tr></tbody></table></div> <hr> <div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="text codecolorer"><iframe style="overflow:hidden;" src="about:blank"/></div></td></tr></tbody></table></div> <p> 应该在IE中工作。 IE6在支持overflow-x和overflow-y时遇到问题。 </p> <p> 要注意的另一件事是，只有在camelCase中设置" frameborder"属性，才能删除IE在iframe上的边框。 </p> <div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;width:100%;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="text codecolorer"><iframe frameBorder="0" style="overflow:hidden;" src="about:blank"/></div></td></tr></tbody></table></div> <p><center> </center></p> <p> 如果您可以使用CSS正确设置样式，但它在IE中不起作用，那就太好了。 </p> <hr></div></td> </tr> </tbody> </table><p><i class="icon-biaoqian iconfont"></i><a href="/list/gundongtiao.html" title="滚动条" class="c1" target="_blank">滚动条</a><a href="/list/shanchu.html" title="删除" class="c1" target="_blank">删除</a><a href="/list/shezhi.html" title="设置" class="c1" target="_blank">设置</a><a href="/list/kuandu.html" title="宽度" class="c1" target="_blank">宽度</a></p> <p class="share"><b>免责声明：</b>本网信息来自于互联网，目的在于传递更多信息，并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益，请及时联系我们，本站将会在24小时内处理完毕。</p> </div> </div> <div class="whitebg"> <h2 class="htitle">最新内容</h2> <div class="new-link-notice"> <ul class="new-link"> <script src="/data/new.js"></script> </ul> </div> </div> <div class="whitebg"> <h2 class="htitle">相关内容</h2> <ul class="other-link"> <li><a href="/zhishi/eSEO.html" target="_blank"><i><img src="/d/img/202315/ty44.webp" alt="linux命令行设置语言？"></i><p>linux命令行设置语言？</p><span>linux命令行设置语言？，系统，管理，环境，国家，工具，电脑，软件，文化，底部，语言，linux命令行下怎样改变语言1、将内容改为：LANG=zh_CN.UTF-8LANGUAG</span></a></li><li><a href="/zhishi/eS1Q.html" target="_blank"><i><img src="/d/img/202315/tongyong3.webp" alt="linux设置壁纸的命令？"></i><p>linux设置壁纸的命令？</p><span>linux设置壁纸的命令？，图片，系统，电脑，照片，位置，终端，颜色，字体，单击，壁纸，怎么才可以弄成很漂亮的linux终端背景,和字体颜色根据自己的喜好</span></a></li><li><a href="/zhishi/eS92.html" target="_blank"><i><img src="/d/img/202315/ty70.webp" alt="linux恢复命令行设置？"></i><p>linux恢复命令行设置？</p><span>linux恢复命令行设置？，系统，工作，密码，信息，工具，地址，电脑，命令，情况，地方，如何修复linux系统ps命令行用随便一张可启动的linux光盘启动并进</span></a></li><li><a href="/zhishi/eSBR.html" target="_blank"><i><img src="/d/img/202315/ty67.webp" alt="linux命令提示设置？"></i><p>linux命令提示设置？</p><span>linux命令提示设置？，系统，工作，地址，信息，命令，软件，目录，管理，变量，文件，Linux命令linux系统常用操作命令如下：ls：全拼list，功能是列出目录的内</span></a></li><li><a href="/zhishi/eSCT.html" target="_blank"><i><img src="/d/img/202315/ty64.webp" alt="linux设置命令ip？"></i><p>linux设置命令ip？</p><span>linux设置命令ip？，地址，系统，代码，命令，密码，网卡，终端，计算机，测试，网关，linux系统怎么设置IP?1、第一种使用ifconfig命令配置网卡的ip地址。</span></a></li><li><a href="/zhishi/eS5J.html" target="_blank"><i><img src="/d/img/202315/ty68.webp" alt="linux设置man命令？"></i><p>linux设置man命令？</p><span>linux设置man命令？，信息，系统，工具，工作，地址，命令，基础，地方，基本知识，技术，linux下,如何添加man帮助man命令是Linux下的帮助指令，通过man指令</span></a></li><li><a href="/zhishi/eSFw.html" target="_blank"><i><img src="/d/img/202315/ty55.webp" alt="linux鼠标设置命令？"></i><p>linux鼠标设置命令？</p><span>linux鼠标设置命令？，系统，软件，环境，产品，设备，数据，网络，网址，工具，情况，linux操作系统中有无鼠标键功能,怎么设置如果是在Linux命令行界面下</span></a></li><li><a href="/zhishi/eS1q.html" target="_blank"><i><img src="/d/img/202315/ty65.webp" alt="linux参数设置命令？"></i><p>linux参数设置命令？</p><span>linux参数设置命令？，网络，系统，地址，工作，信息，管理，服务，名称，状态，命令，在linux下如何通过命令查网卡配置linux查看系统网卡信息的命令包括：i</span></a></li><li><a href="/zhishi/eS6r.html" target="_blank"><i><img src="/d/img/202315/ty35.webp" alt="linux系统删除的命令？"></i><p>linux系统删除的命令？</p><span>linux系统删除的命令？，软件，系统，名称，工具，不了，命令，文件夹，电脑，通用，信息，linux删除文件夹命令1、linux删除命令rm-rf命令。具体详情：rm命</span></a></li><li><a href="/zhishi/eSC4.html" target="_blank"><i><img src="/d/img/202315/ty40.webp" alt="linux设置电源的命令？"></i><p>linux设置电源的命令？</p><span>linux设置电源的命令？，系统，信息，管理，设备，扩大，时间，设计，电脑，代码，位置，linux系统在控制台下每天的定时关机指令如何编写?at命令只能执行</span></a></li><li><a href="/zhishi/eS9J.html" target="_blank"><i><img src="/d/img/202315/ty49.webp" alt="linux删除命令文件夹？"></i><p>linux删除命令文件夹？</p><span>linux删除命令文件夹？，系统，数据，通用，文件夹，命令，文件，环境，百度，不了，名称，linux删除文件的方法linux删除文件夹的方法有两种：rmdir命令和rm</span></a></li><li><a href="/zhishi/eS7v.html" target="_blank"><i><img src="/d/img/202315/ty44.webp" alt="linux删除本行命令？"></i><p>linux删除本行命令？</p><span>linux删除本行命令？，系统，本行，档案，命令，资料，商业，文件，终端，目录，文件名，Linux命令之sed-删除匹配行1、）先用s命令将此要删除的路径替换为一</span></a></li></ul> </div> </div> <div class="rbox"> <div class="whitebg paihang"> <h2 class="htitle">热门文章</h2> <section class="topnews imgscale"> <a href="/zhishi/eSeL.html"><img src="/d/img/202315/ty65.webp"><span>linux则么回到命令？</span></a></section> <ul> <li><i></i><a href="/zhishi/eSeq.html" title="linux编译源代码命令？" target="_blank">linux编译源代码命令？</a></li><li><i></i><a href="/zhishi/eSdl.html" title="linux命令添加文件？" target="_blank">linux命令添加文件？</a></li><li><i></i><a href="/zhishi/eSdi.html" title="linux关机命令日志？" target="_blank">linux关机命令日志？</a></li><li><i></i><a href="/zhishi/eSdc.html" title="写5条linux命令语句？" target="_blank">写5条linux命令语句？</a></li><li><i></i><a href="/zhishi/eSc2.html" title="linux换壁纸的命令？" target="_blank">linux换壁纸的命令？</a></li><li><i></i><a href="/zhishi/eSbS.html" title="linux硬件监控命令？" target="_blank">linux硬件监控命令？</a></li><li><i></i><a href="/zhishi/eSbO.html" title="linux开机命令行界面？" target="_blank">linux开机命令行界面？</a></li><li><i></i><a href="/zhishi/eSbI.html" title="linux命令物理地址？" target="_blank">linux命令物理地址？</a></li></ul></div> <div class="whitebg tuijian"> <h2 class="htitle">推荐文章</h2> <section class="topnews imgscale"> <a href="/zhishi/eSeL.html"><img src="/d/img/202315/ty65.webp"><span>linux则么回到命令？</span></a></section> <ul> <li><a href="/zhishi/eSeq.html" title="linux编译源代码命令？" target="_blank"><i><img src="/d/img/202315/ty31.webp"></i><p>linux编译源代码命令？</p></a></li><li><a href="/zhishi/eSdl.html" title="linux命令添加文件？" target="_blank"><i><img src="/d/img/202315/ty53.webp"></i><p>linux命令添加文件？</p></a></li><li><a href="/zhishi/eSdi.html" title="linux关机命令日志？" target="_blank"><i><img src="/d/img/202315/ty33.webp"></i><p>linux关机命令日志？</p></a></li><li><a href="/zhishi/eSdc.html" title="写5条linux命令语句？" target="_blank"><i><img src="/d/img/202315/ty68.webp"></i><p>写5条linux命令语句？</p></a></li><li><a href="/zhishi/eSc2.html" title="linux换壁纸的命令？" target="_blank"><i><img src="/d/img/202315/ty60.webp"></i><p>linux换壁纸的命令？</p></a></li></ul></div> <div class="whitebg cloud"> <h2 class="htitle">标签云</h2> <ul> <li><a href="/list/peixun.html" class="a-tag-1" title="培训" target="_blank">培训</a></li> <li><a href="/list/biaozhun.html" class="a-tag-2" title="标准" target="_blank">标准</a></li> <li><a href="/list/bianliang.html" class="a-tag-3" title="变量" target="_blank">变量</a></li> <li><a href="/list/zifuchuan.html" class="a-tag-4" title="字符串" target="_blank">字符串</a></li> <li><a href="/list/huanjing.html" class="a-tag-5" title="环境" target="_blank">环境</a></li> <li><a href="/list/shuzi.html" class="a-tag-6" title="数字" target="_blank">数字</a></li> <li><a href="/list/shuju.html" class="a-tag-7" title="数据" target="_blank">数据</a></li> <li><a href="/list/gongju.html" class="a-tag-8" title="工具" target="_blank">工具</a></li> <li><a href="/list/mingcheng.html" class="a-tag-9" title="名称" target="_blank">名称</a></li> <li><a href="/list/jichu.html" class="a-tag-10" title="基础" target="_blank">基础</a></li> <li><a href="/list/gongzuo.html" class="a-tag-11" title="工作" target="_blank">工作</a></li> <li><a href="/list/mima.html" class="a-tag-12" title="密码" target="_blank">密码</a></li> <li><a href="/list/xinxi.html" class="a-tag-13" title="信息" target="_blank">信息</a></li> <li><a href="/list/shebei.html" class="a-tag-14" title="设备" target="_blank">设备</a></li> <li><a href="/list/yuansu.html" class="a-tag-15" title="元素" target="_blank">元素</a></li> <li><a href="/list/danwei.html" class="a-tag-16" title="单位" target="_blank">单位</a></li> <li><a href="/list/guanli.html" class="a-tag-17" title="管理" target="_blank">管理</a></li> <li><a href="/list/wenjian.html" class="a-tag-18" title="文件" target="_blank">文件</a></li> <li><a href="/list/weizhi.html" class="a-tag-19" title="位置" target="_blank">位置</a></li> <li><a href="/list/biaoqian.html" class="a-tag-20" title="标签" target="_blank">标签</a></li> <li><a href="/list/yingyongchengxu.html" class="a-tag-21" title="应用程序" target="_blank">应用程序</a></li> <li><a href="/list/xuexi.html" class="a-tag-22" title="学习" target="_blank">学习</a></li> <li><a href="/list/wendang.html" class="a-tag-23" title="文档" target="_blank">文档</a></li> <li><a href="/list/shezhi.html" class="a-tag-24" title="设置" target="_blank">设置</a></li> </ul> </div> <div class="whitebg wenzi"> <h2 class="htitle">猜你喜欢</h2> <ul> <script type="text/javascript" src="/data/rand.js"></script> </ul> </div> </div> </article> <footer> <div class="footer_wrap"> <div class="footer_tool fr"> <a href="javascript:;" class="footer_phone"><em class="iconfont icon-shouji"></em><div class="qrcode ts"><img src="/css/qrcode/?str=https://m.jsk.cc/" alt="计算客"><p>扫码手机访问</p></div></a> <div class="wxbox"><div class="footer_icon"><img src="/css/img/icon.png"></div></div> </div> <div class="endnav"> <p>公益性知识科普性站点，所涵盖的内容、图片等数据系，部分原创内容未能与原作者取得联系。</p> <p>若涉及版权问题，请联系（kkyves#163.com / wechat: jisuanke2022），我们第一时间进行删除/修改！</p> </div> </div> <a href="#"><div class="top icon-retop iconfont"></div></a> <div class="footer_copyright"> <div class="container"> <span> Copyright © <a href="https://www.jsk.cc" target="_blank">计算客</a> @2023 jsk.cc <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn">蜀ICP备2023033106号-2</a> </span> <i class="fr">计算客 · 开发知识</i> </div> </div> </footer> <script type="text/javascript" src="/css/js/theia-sticky-sidebar.min.js"></script> <script type="text/javascript" src="/css/js/tool.min.js"></script> <script type="text/javascript" src="/css/js/like.ajax.js"></script> </body> </html>