当前位置:首页 > 日记 > 正文

该方法是在JSscrollTop大浏览器完美兼容

该方法是在JSscrollTop大浏览器完美兼容
1、在各种浏览器scrollTop差异

IE6 / 7 / 8 / 9 / 10:

对于页面没有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,即window.pageyoffset(Safari)返回未定义,window.pageyoffset(Safari)的表面上或操作最后,scrollTop返回未定义,定义用于下一个操作将是错误的。

其他浏览器的使用安全,无论多么scrollTop任务或操作顺序不返回未定义的。

所以这是头或IE.的问题

精神有点恍惚,不知是否有明确的表情。

然而,最后的结论是,这个实验是好的,我们可以放心,它将被使用。

复制代码代码如下所示:

VaR scrollTop = document.documentelement.scrolltop window.pageyoffset document.body.scrolltop | | | |;
这是拿scrollTop赋值语句的完美方式。

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

相关文章

PS图象处理软件设计和生产的瑰丽和

PS图象处理软件设计和生产的瑰丽和

图象处理,立体字,软件设计,瑰丽,金色,课程中的立体特征也是手工完成的。面很好。作者运用重复的方法获取三维表面,再将固体表面分成几部分,并用不同的图层样式,加上颜色和纹理。效果非常细腻。 教程中的立体字符也是手工完成的。面很好。本文…

烟花与PS结合制作马赛克变换GIF动

烟花与PS结合制作马赛克变换GIF动

动画效果,变换,烟花,电脑软件,PS,本教程是介绍给朋友的,利用烟花和PS制作马赛克动画GIF效果。结果很好,难度也不大。Recommend it to your friends. 本教程介绍给朋友,利用烟花和PS制作马赛克动画GIF效果。适合初学者学习和推荐给喜欢它的朋友…

如何改变QQ手机的安全性

如何改变QQ手机的安全性

安全性,电脑软件,QQ,手机被盗,手机号码改变,对于手机等将需要更换个人数据进行安全保护,使用QQ手机安全的情况也不例外,所以如何将手机安全替换为以下三个简单步骤,这样就可以方便地更换手机安全。 第一步:如果手机,手机安全令牌,安全问题在任何一…

使用socket.ioNode.js的方法

使用socket.ioNode.js的方法

方法,电脑软件,socket,ioNode,js,使用socket.io使用创建一个socket.io服务器,但服务器依赖于一个已经创建的HTTP服务器。 在HTTP服务器运行的听法附socket.io服务器的HTTP服务器。 复制代码代码如下所示: VaR SiO =需要(Socket IO ); VaR插…

javascript数据结构及算法的检索算法

javascript数据结构及算法的检索算法

算法,数据结构,检索,电脑软件,javascript,查找数据的方法有2种,顺序查找和两点查找。顺序查找适用于元素中的随机元素列表。两个点查找适合排序的元素列表。两个点查找更有效,但它必须是一组列表元素。 一:序列查找 顺序查找,从列表的第一个…

js的方式在iframelongdesc属性获得

js的方式在iframelongdesc属性获得

属性,方式,电脑软件,js,iframelongdesc,本文阐述了JS在iframe获取longdesc属性。分享给你供你参考。以下是如下: longdesc属性指向一个页面包含描述信息。 您的浏览器不支持iframe。 长描述的URL是: (document.getelementbyid document.wr…

经典幽默爱人签名

经典幽默爱人签名

爱人,幽默,经典,电脑软件,世界上最接近的距离:开学的假期。 世界上最遥远的距离:从学校到假日。 他的借口太漂亮了,我怎么敢说不呢 她多久不肯留下我的心。 什么是最痛苦的,谁不喜欢它的人 最伤心的事是爱上一个你不应该爱上的人 这是蘑菇的名…

经典浪漫情人签名

经典浪漫情人签名

情人,浪漫,经典,电脑软件,所以,女人,我想娶你为妻。 傻孩子,我想娶你做你的新娘。 如果天气很好,你就呆在那儿。 如果风和雨是荒凉的,那么你很快就会回来。 一个鬼城,一个孤独的人,一个人。 空荡荡的监狱,一座城镇,让一个人。 我没有一个没有美丽外…

ai绘制一个雅丽标志图标

ai绘制一个雅丽标志图标

图标,绘制,标志,雅丽,电脑软件,本教程是向朋友介绍的,使用AI绘制梨罗图标方法。本教程比较简单,比较适合初学者学习,推荐过来,可以过来学习和制作思路,好的,喜欢的朋友,一起学习。 本教程是教你用ai绘制鸭梨的罗图标方法。这是一个伪标准教程。不…

如何用宝马制作一个朋友圈的广告

如何用宝马制作一个朋友圈的广告

宝马,如何用,朋友圈,广告,电脑软件,如何用宝马制作一个朋友圈的图片广告最近,朋友微信圈很火。我付不起广告费,也不能做官方广告。我的DIY也能做同样的广告。让我们看看怎么做。 近日,微信朋友圈已经是一个真正的火。我付不起广告费,也不能做官…

10简体中文入门知识介绍

10简体中文入门知识介绍

知识,简体中文,入门,电脑软件,本教程是向大家介绍徒手10简体中文版的入门知识,教程比较基础,适合刚入门的朋友学习,转发,希望能帮到您。 老让我介绍写意,我只是真的答应下来一些编剧---我心中真的不知道从哪里开始。我觉得这件事很广泛的矢量软…