在Javascript的scrollTop深入分析

意义:滚动条的高度



作用:滚动加载(ajax)、滚动导航固定定位、滚动炸弹盒定位等。



显示滚动导航和侧边栏滚动固定定位的效果。

1、Chrome浏览器



两document.body.scrolltop和document.documentelement.scrolltop可以



2、在各种浏览器scrollTop差异



IE6 / 7 / 8 / 9 / 10:



对于页面没有DOCTYPE声明,document.body.scrolltop可以用来获得scrollTop高度。

对于document.documentelement.scrolltop DOCTYPE声明的页面,可以使用;



游猎:



Safari是比较特殊的,有其自身的功能:window.pageyoffset scrollTop;



Firefox:



Firefox和其他相对标准的浏览器将节省更多的资源并直接使用它。



document.documentelement.scrolltop;

三.得到scrollTop值



完美的让scrollTop分配阶段:




VaR scrollTop =文档。文档元素}。scrollTop | |窗口。pageyoffset | | document.body.scrolltop;


在PS scrollTop使用问题:Javascript

document.documentelement.scrolltop指的是滚动条的垂直坐标

document.documentelement.clientheight指的是浏览器可见区域的高度

document.documentelement.clientheight-odiv是悬浮框的初始垂直坐标(相对于体顶部(价值)的值是固定的,不变的)

但是当你拉动滚动条时,垂直坐标悬架(目标)必须基于以价值的相应变化的初始坐标获得滚动条滚动的视觉效果,而这种变化是滚动条拉距离你scrollTop值

让我们告诉你在javascript scrollTop和offsettop之间的区别是什么

scrollTop指滚动块滚下的距离,如10像素滚下来,和该元素的scrollTop属性值是10;

offsettop是元素的父元素的上框,上框之间的绝对距离。

这两个描述不一样,所以没有可比性。

以上是通过Javascript scrollTop介绍了Xiaobian的整体描述,希望能对你有帮助。如果你想知道更多,请注意它。