通过封装scroll.js 获取滚动条的值
更新时间：2018年07月13日 15:37:17 作者：帅哥天下9
本文通过实例代码给大家介绍了通过封装scroll.js 获取滚动条的值的相关知识，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
具体代码如下所示：
function Obj(){}
Obj.prototype={
scroll:function(){
/*
主要是做兼容处理
这里必须时!=null 因为默认值和每次滚动的时侯 都可以值为0
但是 if(0)为假 所以就只要不为null 就执行
*/
if(window.pageYOffset!=null){
/*IE9 和其他标准浏览器*/
return {
left:window.pageXOffset,
top:window.pageYOffset
}
}
/*声明了<!DOCTYPE html> */
else if(document.compatMode=="CSS1Compat")
{
return{
left:document.documentElement.scrollLeft,
top:document.documentElement.scrollTop
}
}
else{
return {
left:document.body.scrollLeft,
top:document.body.scrollTop
}
}
}
}
var obj=new Obj();
总结
以上所述是小编给大家介绍的通过封装scroll.js 获取滚动条的值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
JavaScript是基于原型继承的语言,每个对象都有一个原型（prototype）,本文则是重点对prototype相关知识点做拆解和梳理,感兴趣的可以了解下2023-08-08
JavaScript 是一门动态类型的脚本语言,用于在浏览器中创建交互式的网页,然而,由于其使用 IEEE 754 浮点数表示数字,可能会导致丢失精度的问题,本文将探讨 JavaScript 中的丢失精度问题,以及如何避免这些问题,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了JS实现浏览器状态栏文字从右向左弹出效果,涉及JavaScript结合时间函数遍历字符串及动态改变状态栏显示效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
JavaScript数组some()函数的语法、用法与实战示例
JavaScript中的数组some()方法用于检查数组中是否至少有一个元素满足指定条件,这篇文章主要介绍了JavaScript数组some()函数的语法、用法与实战的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-03-03
使用element-plus时重写样式不起作用的问题及解决方法
这篇文章给大家介绍使用element-plus时重写样式不起作用的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-09-09
这篇文章主要为大家详细介绍了微信小程序实现顶部导航特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
这篇文章主要介绍了JavaScript 对象不变性，对象不变性在任何编程语言中都是一个重要的概念。它会限制对象修改并防止不需要的更改。简而言之，对象的不变性就是将它的状态变为只读的下面详细内容，需要的小伙伴可以参考一下2022-02-02
在函数式编程中，函数被看做是“一等公民”。JavaScript可以通过巧妙地函数组合来构建抽象，通过内嵌函数的方式，在软件开发的过程中，我们可以把更多的精力放在“函数要做什么”上，而不用太关心“函数如何做”的问题。2015-10-10
继续上一部分，我们要看一下颜色。火狐好像不管三七二十一都会转变为rgb格式，不过我们通常比较习惯的是hex格式。这就用到以下两函数。2010-01-01
本文为大家介绍下js中的屏蔽的应用；屏蔽网页内容选中、剪切、复制及拷屏总之你能想象的应该都有，感兴趣的朋友可以参考下，希望对大家学习js有所帮助2013-07-07
最新评论