首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在IE中无法删除可怕的iframe水平滚动条?

在IE中无法删除可怕的iframe水平滚动条,可以尝试以下方法来解决这个问题:

  1. 使用CSS来隐藏滚动条:

在iframe的CSS样式中添加以下代码:

代码语言:css
复制
iframe::-webkit-scrollbar {
  display: none;
}

iframe {
  overflow: hidden;
}

这将隐藏滚动条,但仍然允许用户滚动内容。

  1. 使用JavaScript来控制滚动条的显示:

在iframe的JavaScript代码中添加以下代码:

代码语言:javascript
复制
document.querySelector('iframe').style.overflow = 'hidden';

这将隐藏滚动条,但仍然允许用户滚动内容。

  1. 使用CSS和JavaScript来防止滚动:

在iframe的CSS样式中添加以下代码:

代码语言:css
复制
iframe {
  overflow: hidden;
}

在iframe的JavaScript代码中添加以下代码:

代码语言:javascript
复制
document.querySelector('iframe').style.pointerEvents = 'none';

这将防止用户滚动内容,但仍然允许用户与iframe中的元素进行交互。

  1. 使用CSS来控制滚动条的显示:

在iframe的CSS样式中添加以下代码:

代码语言:css
复制
iframe {
  overflow: auto;
}

这将允许用户滚动内容,但不会显示滚动条。

以上是一些可以尝试的方法来解决在IE中无法删除可怕的iframe水平滚动条的问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

iframe自适应高度 原

contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。            ...document.body.clientWidth  可见区域内容的宽度(不包含边框,如果水平有滚动条,不显示全部内容的宽度)           document.body.clientHeight...全部内容的高度(如果垂直有滚动条,也显示全部内容的高度)           document.body.offsetWidth  可见区域内容的宽度(含边框,如果水平有滚动条,不显示全部内容的宽度...)           document.body.offsetHeight 全部内容的高度(如果垂直有滚动条,也显示全部内容的高度)           document.body.scrollWidth... 内容的宽度(含边框,如果有滚动则是包含整个页面的内容的宽度,即拖动滚动条后看到的所有内容)           document.body.scrollHeight 全部内容的高度 (adsbygoogle

2.3K20
  • html网页详细代码「建议收藏」

    原代码中 10 表示 10秒。 2,怎么改变滚动条的颜色,只有ie5.5版本以上才能支持。 这是使用CSS语言,在次说明一下,它和我的浏览器版本有一定的关系。...31,在800*600显示器中,如何不让网页水平出现滚动条! 设至,网页中的表格宽度为778。 32,关于中又有一个网页,还以为是用了框架,其实不然,是用了IFRAME>,它只适用于IE,NS可是不支持IFRAME>的,但围着的字句只有在浏览器不支援 iframe 标记时才会显示,如在800*600显示器中,如何不让网页水平出现滚动条! 设至,网页中的表格宽度为778。 32,关于中又有一个网页,还以为是用了框架,其实不然,是用了IFRAME>,它只适用于IE,NS可是不支持IFRAME>的,但围着的字句只有在浏览器不支援 iframe 标记时才会显示,如<

    7.8K41

    深入理解iframe

    scrolling 规定是否在 iframe 中显示滚动条,值为 yes、no、auto 6、src 设置 iframe 的地址(页面/图片) 7、srcdoc 用来替换 iframe 中 html、body...支持 IE10+ 三、获取 iframe 中的内容 1、获取 iframe var iframe = document.getElementById("iframe1"); 2、iframe.contentWindow...当然,这里只是使用 reload 进行获取,也可以添加 iframe 和删除 iframe 的方式,进行发送信息,这些都是根据具体场景应用的。...这意味着 iframe 在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要,这当然是很好的。...一种解决办法是,在主页面上重要的元素加载完毕后,再动态设置 iframe 的 SRC。 4、不利于 SEO 搜索引擎的检索程序无法解读 iframe。

    4.4K10

    iframe 有什么好处,有什么坏处?

    scrolling 规定是否在 iframe 中显示滚动条,值为 yes、no、auto 6、src 设置 iframe 的地址(页面/图片) 7、srcdoc 用来替换 iframe 中 html、body...支持 IE10+ 三、获取 iframe 中的内容 1、获取 iframe var iframe = document.getElementById("iframe1"); 2、iframe.contentWindow...当然,这里只是使用 reload 进行获取,也可以添加 iframe 和删除 iframe 的方式,进行发送信息,这些都是根据具体场景应用的。...这意味着 iframe 在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要,这当然是很好的。...一种解决办法是,在主页面上重要的元素加载完毕后,再动态设置 iframe 的 SRC。 4、不利于 SEO 搜索引擎的检索程序无法解读 iframe。

    4.1K10

    iframe自适应高度_html页面自适应

    其实就是为了美观,要不然iframe和窗口长短大小不一,看起来总是不那么舒服,特别是对于我们这些编程的来说,如鲠在喉的感觉。...在页面中通过iframe嵌入了另外一个页面后,如何使得页面的这块区域随着iframe的高度自动适应而不会出现蹩脚的上下左右滚动条呢?...下面这个办法就是使用javascript实现iframe高度自适应的,这个可是兼容所有浏览器的,ie,firefox,chrome,opera,safari这些浏览器都能够实现iframe高度自适应的,...属性,这篇文章也依然教大家iframe自适应高度的解决办法,希望两篇文章让你对iframe标签有一个更深入的了解。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    3.8K20

    html滚动条使用,以及页面有多个div块,如何让body页面不使用滚动条,只在某个div内使用滚动条

    scrollbar属性、样式详解 1. overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置...滚动条空白部分的颜色 scrollbar-shadow-color立体滚动条阴影的颜色 我们通过几个实例来讲解上述的样式属性: 1.让浏览器窗口永远都不出现滚动条 没有水平滚动条...加上一点特别的效果: 4.在样式表文件中定义好一个类...,只在某个div内使用滚动条 先说说正常显示的,显示滚动条和不显示滚动条,效果图如下: 代码: iframe 中始终显示滚动条: iframe src.../html> 就加了一行代码; 使用jquery实现的代码: iframe 中始终显示滚动条: iframe src ="/index.html"

    4.7K30

    用Javascript获取页面元素的位置

    很显然,如果网页的内容能够在浏览器窗口中全部显示(也就是不出现滚动条),那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示,则滚动浏览器窗口,可以显示出网页的各个部分。...但是,在IE6的quirks模式中,document.body.clientWidth返回正确的值,因此函数中加入了对文档模式的判断。...如果网页内容能够在浏览器窗口中全部显示,不出现滚动条,那么网页的clientWidth和scrollWidth应该相等。但是实际上,不同浏览器有不同的处理,这两个值未必相等。...iframe中,offsetParent对象未必等于父容器,所以上面的函数对于表格和iframe中的元素不适用。...滚动条滚动的垂直距离,是document对象的scrollTop属性;滚动条滚动的水平距离是document对象的scrollLeft属性。

    3.3K70

    前端架构师之09_JavaScript_BOM

    除此之外,delete 关键字仅能删除 window 对象自身的属性,对于定义在全局作用域下的变量不起作用。...(如IE、Chrome等)中全部支持。...第4个参数:设置为true,表示替换浏览历史中的当前条目,设置false(默认值),表示在浏览历史中创建新的条目。...(IE8不支持) 属性 outerHeight 返回窗口的外部高度,包含工具条与滚动条(IE8不支持) 属性 outerWidth 返回窗口的外部宽度,包含工具条与滚动条(IE8不支持) 方法 moveBy...名称 说明 height 返回整个屏幕的高 width 返回整个屏幕的宽 availHeight 返回浏览器窗口在屏幕上可占用的垂直空间 availWidth 返回浏览器窗口在屏幕上可占用的水平空间 colorDepth

    7200

    jquery nicescroll 配置参数

    jQuery滚动条插件兼容ie6+、手机、ipad http://www.areaaperta.com/nicescroll/ jQuery(function($){ $("#scrollInner...#FFF” cursorborderradius - 以像素为光标边界半径,默认为​​“递四方” zIndex的 - 改变z-index值的滚动条的div,默认值是9999 scrollspeed...(默认:true) boxzoom - 使变焦框中的内容(默认:false) dblclickzoom - (仅当boxzoom = TRUE)变焦激活时,双击对话框(默认:true) gesturezoom...,真=默认/“光标”=只进游标隐藏/ false =不隐藏背景,CSS改变轨道的背景下,默认为“” iframeautoresize,在加载事件AUTORESIZE的iframe(默认:true)...(对象拖动同样的问题)(默认:true) cursorfixedheight,用于光标在像素设置固定的高度(默认:false) hidecursordelay,设置在微秒淡出滚动条的延迟时间(默认值

    4.1K80

    html多媒体

    (二)、插入背景音乐 为某个网页设置背景音乐,使用的是bgsound标签。不过bgsound标签只适用于IE浏览器,在Firefox等浏览器中未必适用。...在普通框架结构中,由于框架就是整个浏览器的窗口,因此不需要设置其大小。但是在浮动框架中,框架是插入到普通HTML页面中,所以可以调整框架的大小。浮动框架的宽度和高度都是以像素为单位。...(二)、设置浮动框架是否显示滚动条scrolling 对于浮动框架iframe的的滚动条,我们可以使用scrolling属性来控制。scrolling属性有3种情况:根据需要显示、总是显示和不显示。...: scrolling属性值 scrolling属性值 说明 auto 默认值,整个表格在浏览器页面中左对齐 yes 总是显示滚动条,即使页面内容不足以撑满框架范围,滚动条的位置也预留...> 在浏览器预览效果如下; image.png iframe标签 分析: 大家可以看到,浮动框架iframe的滚动条都消失了。

    1.2K30

    iframe参数详解

    是否有滚动条(yes有滚动条 no无滚动条) allowtransparency 背景是否透明(yes透明 no不透明) ---- iframe并不是很常用的,在标准的网页中非常少用。...把iframe解释成“浏览器中的浏览器“是很恰当的。iframe>也应该是框架的一种形式,它与不同的是,iframe可以嵌在网页中的任意部分。...、ASP等; width、height:”内部框架”区域的宽与高; scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为 Auto...在HTML4.01严格规范中,iframe>元素没有被定义。浮动框架可以使用元素和CSS定位方法来模仿实现。...示例:iframe src=”iframe.html” height=400 width=400> 5、尺寸调整: 语法:noresize 说明:IE专有属性,指定浮动帧不可调整尺寸

    3.1K30

    javascript基础-3

    ,但包含滚动条,兼容:ie9/10、chrome、firefox; 后者显示的是,屏幕的高度,同常与屏幕宽/高一致,兼容:ie7/8/9/10、chrome、firefox; 、Navigatar.../data-tainting-in-javascript ); 、悬浮在页面中的广告(现在很少见了) 1、js方法:top=XX.原top值+滚动条的scrollTop的距离+”px”;效果比较流畅...name="NAME名" > 即:使用相同的name,即可将两者联系起来,在同一界面中,无需重复iframe部分,至改变内容即可; 早期的iframe主要用于导航栏(navigator...早期主要用于测试可疑软件等); 引用第三方内容; 独立的交互内容; 需要保持独立焦点和历史管理的子窗口(在ajax中会面临用户无法退回上一步的情况,可以用iframe解决,ajax下面会说) 举例,...然而,在以下情况中,请使用 POST 请求: 无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制) 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠

    1.1K20

    【Go 语言社区】iframe去边框,无边框,使用大全

    是否有滚动条(yes有滚动条 no无滚动条) allowtransparency 背景是否透明(yes透明 no不透明) ---- iframe并不是很常用的,在标准的网页中非常少用。...把iframe解释成“浏览器中的浏览器“是很恰当的。iframe>也应该是框架的一种形式,它与不同的是,iframe可以嵌在网页中的任意部分。...ASP等;  width、height:"内部框架"区域的宽与高;  scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为 Auto:则自动出现滚动条...在HTML4.01严格规范中,iframe>元素没有被定义。浮动框架可以使用元素和CSS定位方法来模仿实现。...示例:iframe   src="iframe.html"   height=400   width=400>   5、尺寸调整:    语法:noresize    说明:IE专有属性,指定浮动帧不可调整尺寸

    2.7K70

    Flash对象插入到网页中的3px问题

    网页游戏大多数都是全屏显示,浏览器可视区域有多大,它就全屏显示在里面,为了避免混乱,写了一个通用的脚本支持用户在缩放浏览器时,当可视区域小于指定的宽、高时出现滚动条(Chrome与IE表现一致)。...但当我拿到浏览器可视的宽、高时,对swf对象设定width、height时,神奇的滚动条就出现了,这不符合预期,抓狂… 然后排查问题,对界面所有的元素、样式都删除掉,然后再进行测试,还是有问题。...而当我把获得到的可视区域的宽高均减去4px时就不会有滚动条了!!!但界面明显感觉就不对称了,后来找到问题了。..., 固定预留的高度, 是否需要显示滚动条-Boolean); *固定预留的宽、高指的页面需要固定显示的内容,它们的宽、高,例如页面左侧有一个游戏攻略,顶部有一个全局提示消息等。...上面的脚本支持iframe嵌套 参考链接: 2-3px space below Flash object in Firefox...

    1.9K30

    iframe属性参数「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。 iframe属性参数 当点击一个子页面的链接时, 如何将另一个子页面嵌入到当前iframe中 只要给这个iframe命名就可以了。...: 将iframe解释成“浏览器中的浏览器”很是恰当   iframe frameborder=0 width=170 height=100 marginheight...>iframe>   指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*) iframe元素的功能是在一个html内嵌一个文档,创建一个浮动的帧...)   src:内嵌入文件的地址   style:内嵌文档的样式(如设置文档背景等)   allowtransparency:是否允许透明 IE5.5开始支持浮动框架的内容透明。... 透明的iframe文档 本例主要是iframe对象的allowTransparency属性应用,在该属性设置为true并且 iframe

    2.7K20

    见识了电信流氓插iframe+分析解决方案

    首先毫无疑问wp后台是使用的iframe的结构,我们来把滚动条拉到末端,发现页面底部无故多出大片空白。最里边的滚动条拉到底部是正常的wp的最底部,另外两个滚动条到底部之后呈现的空白块又是什么呢?...iframe,所以出现了3个滚动条。...通过我水水的前端水平,起码我可以看出:第一,这个js请求了某“logo.jpg”(不要被这寻常的名字和后缀名骗到了,后面给他传参数呢),并放在了第二个iframe中(也就是src是空白页的那个)。...另外这个被插iframe造成的额外竖直滚动条的现象在页面刷新之后会消失,这个也符合绿色上网检测的要求。...这个做法在外观上还导致了第一次网页加载时页面title无法正常显示(至少chrome下是这样),因为劫持后页面没有head区更加没有title段。那么对于这个这么流氓的东西我们该怎么办呢?

    1.4K20

    HTMLCSS 常见面试题汇总

    iframe解决部分跨域问题; 缺点: iframe会阻塞主页面的 onload 事件; 无法被一些搜索引擎索引到; 页面会增加服务器的http请求; 会产生很多页面,不便于管理; 很多移动设备无法完全显示框架...,设备兼容性差; 会出现区域的上下、左右滚动条,滚动条会挤占页面空间; 使用框架时,要保证正确的使用导航链接,容易造成链接死循环; 随着前端技术的发展,逐渐使用ajax来代替iframe。...,设置overflow:hidden把溢出背景切掉 使用边框和定位模拟列等高:但不能使用在多列 模拟表格布局等高效果:兼容性不好,在IE6/7无法正常运行 10、在CSS样式中使用px、em,各有什么优势...(IE6不支持) **relative:**生成相对定位的元素,相对于其在普通流中的位置进行定位 **static:**默认值。没有定位,元素出现在正常的流中 14、CSS3有哪些新特性?...浏览器默认的 margin 和 padding 不同 IE6双边距bug 在IE6、IE7中元素高度超出自己设置高度,原因是IE8以前的浏览器中会给元素设置默认的行高的高度导致的 min-height

    1.6K20

    iframe标签属性说明 详解

    > 还有一些可用的参数设置如下: marginwidth:网页中内容在表格右侧的预留宽度;例如:marginwidth=”20″,单位是 pix,下同。...marginheight:网页中内容在表格顶部预留的高度; hspace:网页右上角的的横坐标; vspace:网页右上角的纵坐标; frameborder:是否显示边缘;填”1...″表示”是”,填”0″表示”否” scrolling:是否出现滚动条;填”1″表示”是”,填”0″表示”否” 在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢?...下面笔者介绍用iframe来实现的方法。 iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。...(如设置文档背景等) allowtransparency:是否允许透明 明白了以上属性后,我们可用以下代码实现,在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%

    3.4K20

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券