scrollTop详解Javascript
scrollTop表示滚动的高度,从默认位置:0;开始滚下来,和scrollTop(偏移)的偏移量是一个相对顶部偏移,在像素,其scrollTop()滚动的高度可以设置滚动的值,得到滚动值。
当设置滚动值时,该方法设置所有匹配元素的滚动值。
当获得滚动值时,该方法只返回第一匹配元素的滚动位置。
你需要得到scrollTop值,你可以参考下面的代码:
复制代码代码如下所示:
VaR scrollTop = document.documentelement.scrolltop window.pageyofset | | document.body.scrolltop | |;
1、在各种浏览器scrollTop差异
IE6 / 7 / 8:
对于页面没有DOCTYPE声明,document.body.scrolltop可以用来获得scrollTop高度。
对于document.documentelement.scrolltop DOCTYPE声明的页面,可以使用;
游猎:
Safari是比较特殊的,有其自身的功能:window.pageyoffset scrollTop;
Firefox:
火狐等浏览器会节省更多的相对标准,直接使用document.documentelement.scrolltop;
2。得到scrollTop值
完美的让scrollTop分配阶段:
复制代码代码如下所示:
VaR scrollTop = document.documentelement.scrolltop window.pageyoffset document.body.scrolltop | | | |;
其scrollTop值可以通过该任务在任何情况下得到的。
仔细看看这个作业,你发现了什么
是的,那是window.pageyoffset(Safari)放在| |中间位置。
因为系统默认的最后一个值,当数0执行或操作的结果。如果操作0 = =结果;
当页面滚动条是在顶部,即其scrollTop值是0。在IE,window.pageyoffset(Safari)返回未定义。当window.pageyoffset(Safari)放在最后面,scrollTop返回未定义,并定义将用于下一步操作。
其他浏览器的使用安全,无论多么scrollTop任务或操作顺序不返回未定义的。
所以这是头或IE.的问题
精神有点恍惚,不知是否有明确的表情。
然而,最后的结论是,这个实验是好的,每个人都放心使用它。
复制代码代码如下所示:
VaR scrollTop = document.documentelement.scrolltop window.pageyoffset document.body.scrolltop | | | |;
DTD相关指令:
这个页面有一个DTD,或当DOCTYPE是指定的,使用document.documentelement。
网页上没有DTD,或文档没有指定,并document.body使用。
IE和Firefox都是这样的。
为了兼容,无论是否存在DTD,您可以使用以下代码:
复制代码代码如下所示:
VaR scrollTop = window.pageyoffset / / FF
| | document.documentelement.scrolltop
| | document.body.scrolltop
| | 0;
文档元素}和身体相关的指令:
主体是DOM对象中的子子节点,即标签;
文档元素}是整个节点树的根节点,即根,标签;
DOM将层次结构中的每个对象视为一个节点。这是一个等级结构。您可以将其理解为树形结构,如我们的目录、根目录、根目录下的子目录、子目录和子目录。
以HTML超文本标记语言为例:一根整个文档是document.documentelement可以访问DOM,这是整个节点树的根节点。身体是一个子节点,进入身体的标签,在脚本应该写:document.body。
如果你想点击按钮,滚动到页面顶部,使用jQuery点击执行代码$(document),ScrollTop(0)滚动到顶部。
相同的滚动位置,scrollLeft,代表职位,滚动到左。
以上是本文的全部内容,希望大家能喜欢。