JS滚动事件窗口. onscroll和位置:修复了写回与IE6兼容的顶部组件

现在，当你回到互联网上的顶级组件时，如果你不理解它，你就不能理解一大段javascript代码，而且它们都是不兼容的。要启动这个组件，可以使用javascript滚动事件窗口。IE6的兼容性问题主要出现在位置：固定，《【CSS】IE6中的position：fixed问题与随滚动条滚动的效果》中已经介绍了如何解决(点击打开链接)。

下面是如何在JavaScript中使用滚动事件窗口. onscroll来实现这个背对顶组件的具体描述。具体效果如下：

IE6:

IE8:

FireFox:

首先是HTML CSS的布局。id和名称都为page_top的a/a作为锚点排列在页面的顶部。id和名称应该设置在一起的原因是为了兼容。

然后在右下角放一个位置：内容为的固定div。当然，如果你想炫目，你可以拍一张照片，甚至拍出来。这个div一开始是隐藏的。

最后还有很多无意义的P，没什么好说的。

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN ' ' http://www . w3 . org/TR/HTML 4/strict . DTD ' HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；Charset=utf-8' title回顶/title style type=' text/CSS ' # top _ div { position :固定；bottom:0pxright:0pxdisplay:none/*兼容IE6的位置：固定*/_位置：绝对；_top:表达式(eval(document . document element . scroll top document . document element . client height-this . offset theight-(parsent(this . currentstyle . m argin top，10)| | 0)-(parsent(this . currentstyle . marginbottom，10)| | 0))；_ margin-bottom :0 px；_ margin _ right:0px}/style/head body a id=' page _ top ' name=' page _ top '/a！-返回顶部的锚点-div id=' top _ div ' a href=' # page _ top ' style=' text-decoration : none '/a/div p占用的内容/pp占用的内容/pp占用的内容/pp占用的内容pp占用的内容/pp占用的内容/p-p占用的内容/pp占用的内容/p p占用的内容/pp占用的内容

脚本类型=' text/JavaScript ' window . onscroll=function(){ var t=document . document element . scroll top | | document . body . scroll top；var top _ div=document . getelementbyid(' top _ div ')；if(t=300){ top _ div . style . display=' inline '；} else { top _ div . style . display=' none '；} }/script只有一个滚动事件window.onscroll，当用户滚动滚动条时触发，var t=document . document element . scroll top | | document . body . scroll top；与大多数浏览器兼容，下面的t=300显示了滚动条向下滚动300px后的top_div，这里使用内联是为了避免阻塞，这会影响其他样式。

感谢您的阅读，希望对大家有所帮助，感谢您对本网站的支持！