在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的整体描述,希望能对你有帮助。如果你想知道更多,请注意它。