IE6及以上版本上的随屏幕移动而移动的代码

2016-02-19 16:14 5 1 收藏

下面图老师小编跟大家分享一个简单易学的IE6及以上版本上的随屏幕移动而移动的代码教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

  我们很多javascript代码,在IE6以及以上版本的浏览器中都不好用了。因为它有很多方法都改变了。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

html
head
    title/title
    script language="javascript" type="text/javascript"

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

        window.onscroll = function() {
        div2.style.top = document.documentElement.scrollTop + 5;
        div2.style.left = document.documentElement.scrollLeft;
        }
       
    /script
/head
body
  
   
    textarea rows="500" cols="500"/textarea
    div id="div2" style="position:absolute;top:50;left:0"
        aaaaaaaaaaabr/
        aaaaaaaaaaabr/
        aaaaaaaaaaabr/
        aaaaaaaaaaabr/
    /div

    br
   
 
/body
/html

来源:https://www.tulaoshi.com/n/20160219/1611422.html

延伸阅读
标签: Web开发
首先我们知道这个效果应该是一个老话题了。 今天整理文件的时候,发现自己以前的一些布局的解决方法躺在文件夹里很长时间了,翻翻老底吧 需要说明的是有幸也见到过CSSPLAY的老工程师站长对这个效果的实现,而且肯定是很早就给出来了。 闲话少说,上源码: 触发并利用IE6-layout的怪异特性,css实现: style type="text/css" .ie6-ou...
IE6真是太疯狂了。今天由于项目需要做了这么一个布局:一个外部的相对定位div,内部一个绝对定位的div(right:0), 如图: 可是在IE6下查看,却变成了right:1px的效果了: IE6还有奇数宽度的bug,解决方案就是将外部相对定位的div宽度改成偶数。 查看源码: CSS代码 #out { width: 609px;/*这里宽度为奇数,bug就出现了!!改成偶数...
标签: Web开发
IE6下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。 要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制...
标签: Web开发
ie6目前依然是国内用户的主要浏览器,因此作为网页前端开发来说,无可避免必须兼容IE6浏览器,这里有十条使用有效的html和css代码修复可以兼容ie6常见的问题。 我们知道ie会在一段时间内仍然流行,但是我们仍然可以支持浏览器并且避免hacks和条件css吗?这里有十条使用有效的html和css代码修复可以兼容ie6常见的问题。 1、使用一个声明 你必...
标签: Web开发
js用来区别IE与其他浏览器及IE6-8之间的方法。 1、document.all 2、!!window.ActiveXObject; 使用方法如下: if (document.all){ alert(IE浏览器); }else{ alert(非IE浏览器); } if (!!window.ActiveXObject){ alert(IE浏览器); }else{ alert(非IE浏览器); } 下面是区别IE6、IE7、IE8之间的方法: var isIE=!!window.ActiveXObject; v...

经验教程

457

收藏

41
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部