编程 Javascript

通过封装scroll.js 获取滚动条的值

Posted in Javascript onJuly 13, 2018

具体代码如下所示：

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 获取滚动条的值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

通过封装scroll.js 获取滚动条的值

- Author -

帅哥天下9

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

网页的标准,IMG不支持onload标签怎么办

Jun 29 Javascript

jquery 页面全选框实践代码

Apr 02 Javascript

JavaScript自定义DateDiff函数(兼容所有浏览器)

Mar 01 Javascript

onbeforeunload与onunload事件异同点总结

Jun 24 Javascript

javascript跟随滚动效果插件代码（javascript Follow Plugin）

Aug 03 Javascript

使用 stylelint检查CSS_StyleLint

Apr 28 Javascript

浅析Ajax语法

Dec 05 Javascript

基于bootstrap风格的弹框插件

Dec 28 Javascript

原生javascript实现文件异步上传的实例讲解

Oct 26 Javascript

开发用到的js封装方法（20种）

Oct 12 Javascript

jquery实现掷骰子小游戏

Oct 24 jQuery

微信小程序抽奖组件的使用步骤

Jan 11 Javascript

详解vue.js根据不同环境(正式、测试)打包到不同目录

Jul 13 #Javascript

Angular5.0 子组件通过service传递值给父组件的方法

Jul 13 #Javascript

vue实现组件之间传值功能示例

Jul 13 #Javascript

微信小程序仿微信运动步数排行(交互)

Jul 13 #Javascript

jQuery实现监听下拉框选中内容发生改变操作示例

Jul 13 #jQuery

微信小程序中使用ECharts 异步加载数据实现图表功能

Jul 13 #Javascript

JS实现select选中option触发事件操作示例

Jul 13 #Javascript

You might like

win2003服务器使用WPS的COM组件的一些问题解决方法

2012/01/11 PHP

Windows下部署Apache+PHP+MySQL运行环境实战

2012/08/31 PHP

php列出mysql表所有行和列的方法

2015/03/13 PHP

WordPress中用于检索模版的相关PHP函数使用解析

2015/12/15 PHP

详解PHP中的null合并运算符

2015/12/30 PHP

tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析

2020/02/11 PHP

游戏人文件夹程序 ver 4.03

2006/07/14 Javascript

基于jQuery.Validate验证库知识点的详解

2013/04/26 Javascript

js添加select下默认的option的value和text的方法

2014/10/19 Javascript

Nodejs中调用系统命令、Shell脚本和Python脚本的方法和实例

2015/01/01 NodeJs

Javascript中With语句用法实例

2015/05/14 Javascript

javascript html5摇一摇功能的实现

2016/04/19 Javascript

Bootstrap3学习笔记(三)之表格

2016/05/20 Javascript

Ionic默认的Tabs模板使用实例

2016/08/29 Javascript

很棒的vue弹窗组件

2017/05/24 Javascript

详解小程序BackgroundAudioManager踩坑之旅

2019/12/08 Javascript

Node Express用法详解【安装、使用、路由、中间件、模板引擎等】

2020/05/13 Javascript

在Python下进行UDP网络编程的教程

2015/04/29 Python

Python3.2中Print函数用法实例详解

2015/05/19 Python

基于python实现微信模板消息

2015/12/21 Python

python实现Zabbix-API监控

2018/09/17 Python

用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)

2019/01/08 Python

Python爬虫实现验证码登录代码实例

2019/05/10 Python

python使用 zip 同时迭代多个序列示例

2019/07/06 Python

在tensorflow中设置保存checkpoint的最大数量实例

2020/01/21 Python

Python实现自动签到脚本的示例代码

2020/08/19 Python

美国独家设计师眼镜在线光学商店：Glasses Gallery

2017/12/28 全球购物

学风建设演讲稿

2014/09/12 职场文书

迟到检讨书2000字（精选篇）

2014/10/07 职场文书

分居协议书范本

2014/11/03 职场文书

店铺转让协议书

2014/12/02 职场文书

2015年社区创卫工作总结

2015/04/21 职场文书

师范生小学见习总结

2015/06/23 职场文书

初中班干部工作总结

2015/08/10 职场文书

小学数学教学反思范文

2016/02/16 职场文书

Python加密与解密模块hashlib与hmac

2022/06/05 Python