IE6与IE7,8下ifame中用JS控制滚动条的问题

IE678滚动条控制
最新推荐文章于 2021-06-09 16:17:31 发布
原创 最新推荐文章于 2021-06-09 16:17:31 发布 · 841 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍在不同版本的IE浏览器中如何控制滚动条的显示方式，包括仅显示横向或纵向滚动条的方法。对于IE6，需要通过调整html元素的overflow属性实现；而在IE7和IE8中，则可以通过body元素进行控制。


   1、IE6 7 8 横竖滚条动不显显示采用<iframe scrolling="no"/>


   2、对于只显示横或竖滚动条：

        a.IE6只能控制html里的style.overfowX与overfowY="hidden"来调整,

        b.7 8 可以通过body一层来控制

强制显示、隐藏(IE\Mozilla)浏览器的滚动条实现代码
12-13
强制的滚动条: 问题中的”修复”该bug的技术, 同样可以用于其它目的. 利用CSS, 你可以有效地在Mozilla Firefox和Internet Explorer中显示或者隐藏垂直及水平滚动条. 强制显示滚动条: 复制代码代码如下: html { overflow: scroll; } 强制隐藏滚动条: 复制代码代码如下: html { overflow: hidden; } 隐藏IE的水平滚动条: 复制代码代码如下: html { overflow-x: hidden; } 隐藏IE的垂直滚动条: 复制代码代码如下: html { overflow-y: hidden;
ifame 去滚动条
03-01
博文链接：https://sctom123.iteye.com/blog/214373
js设置iframe滚动条的位置
u010403387的专栏
04-16 1万+
script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">script>  $(document).ready(function(){ $("button").click(function(){   $(window.frames["iframe1"].document).scrollTop("10");   }); })
js自定义滚动条完美兼容ff，IE
weixin_30809173的博客
04-24 111
1 <!doctype html> 2 <html> 3 <head> 4 5 <style type="text/css"> 6 .f{ height:500px; width:20px; background:#CCC; position:absolute; top:1...
html跑马灯 ie6,JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
weixin_39750195的博客
06-09 260
本文实例讲述了JavaScript实现的原生态兼容IE6可调可控滚动文字功能。分享给大家供大家参考，具体如下：虽然HTML里面本身就有marquee标签，用来设置滚动文字(marquee标签在附录【HTML比较冷门标签与属性】里会有具体介绍)这个标签到了IE8就开始不支持，在IE6中可以设置的东西也很少，所以这东西还是用javascript来写为好。这个小组件也是比较常见的，但是网上的代码质量还是...
返回顶部JS（完美兼容IE6）
design321的专栏
01-30 675
工作需要写一个‘返回顶部’，几经周折，还是在网上找了两段现成的代码，经试验和修改，得到最终版本：（仅供学习使用，如有侵权，请联系本人）                      id="go_top" class="go_top">                    var av_height = $(window).height();
Chrome下ifame父窗口调用子窗口的问题示例探讨
09-03
本文将深入探讨在Chrome下`iframe`父窗口调用子窗口的问题，并提供解决方案。 首先，我们需要了解`iframe`的基本概念。`iframe`全称为"In-line Frame"，它可以在HTML文档中嵌入另一个HTML文档。`iframe`通常通过`...
PHP关于IE下的iframe跨域导致session丢失问题解决方法
12-19
拓展阅读中的例子进一步解释了这个问题在IE7中的特殊性，指出如果页面包含iframe，并且这些子页面试图创建或使用Session，那么在IE7中可能会失败。添加P3P头是解决这个问题的有效方法。 其他参考文章中提到了一个...
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
11-22
本文实例讲述了JS实现iframe编辑器光标位置插入内容的方法。分享给大家供大家参考，具体如下： <html> <iframe id="x" name="x"></iframe> <input type="button" onclick="t()" value="test"&...
jquery嵌入ifame控制滚动
06-06
可以通过以下代码在iframe中嵌入jQuery并控制滚动： 在iframe中引入jQuery： ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"> ``` 然后，通过以下代码控制iframe的滚动： ```javascript $...
全屏滚动时差切换效果（兼容IE7及以上版本）
12-18
插件描述：全屏滚动代码简单，非常适合新手。 参考示例：http://www.jq22.com/jquery-info4106
IE7下滚动条不起作用
luoyangwyb的专栏
07-30 988
很多时候，我们都会让 IFRAME 隐藏滚动条，通常的做法就是在嵌入  IFRAME 的页面的 CSS 中指定以下规则： html, body {overflow: hidden} 如果只是想隐藏横向滚动条，则使用以下代码： html, body {overflow-x: hidden} 以上代码在 IE、Firefox、Opera、Chrome 下均能正常工作
IE6与IE7 8下iframe滚动条问题
CS_wuxiang的专栏
04-19 3392
1、IE6 7 8 横竖滚条动不显显示采用    2、对于只显示横或竖滚动条：         a.IE6只能控制html里的style.overfowX与overfowY="hidden"来调整,         b.7 8 可以通过body一层来控制 代码： JS:    document.getElementById("aa").contentWindow.doc
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禁止整个页面产生滚动条解决方案
Tingm Yan
01-19 8658
在页面要显示嵌入的html的地方加入两个div层，div层为嵌套的关系，在内部的div中加一个iframe，在iframe中嵌入一个已生成好的html，并让html填充慢iframe        设计如下： #content { overflow-y: auto; overflow-x: hidden; border
判断js中对象的类型
热门推荐
CS_wuxiang的专栏
07-07 2万+
1、typeof  形如 var x = "xx";  typeof x == 'string'      返回类型有：'undefined' “string” 'number' 'boolean'  'function'  'object'                           缺点：对于object类型不能细分是什么类型
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值