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,代表职位,滚动到左。

以上是本文的全部内容,希望大家能喜欢。