编程 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 相关文章推荐

JS判断不能为空实例代码

Nov 26 Javascript

jQuery取得设置清空select选择的文本与值

Jul 08 Javascript

javascript实现回车键提交表单方法总结

Jan 10 Javascript

jQ处理xml文件和xml字符串的方法(详解)

Nov 22 Javascript

简单实现JS倒计时效果

Dec 23 Javascript

javascript遍历json对象的key和任意js对象属性实例

Mar 09 Javascript

Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案

Mar 13 Javascript

深究AngularJS中ng-drag、ng-drop的用法

Jun 12 Javascript

Angular开发实践之服务端渲染

Mar 29 Javascript

JS的Ajax与后端交互数据的实例

Aug 08 Javascript

小程序登录之支付宝授权的实现示例

Dec 13 Javascript

关于小程序优化的一些建议(小结)

Dec 10 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

PHP中HTTP方式下的Gzip压缩传输方法举偶

2007/02/15 PHP

避免Smarty与CSS语法冲突的方法

2015/03/02 PHP

PHP反射基础知识回顾

2020/09/10 PHP

在jquery中处理带有命名空间的XML数据

2011/06/13 Javascript

JQuery each()函数如何优化循环DOM结构的性能

2012/12/10 Javascript

jquery带翻页动画的电子杂志代码分享

2015/08/21 Javascript

整理AngularJS框架使用过程当中的一些性能优化要点

2016/03/05 Javascript

jquery删除数组中重复元素

2016/12/05 Javascript

AngularJS实现的JSONP跨域访问数据传输功能详解

2017/07/20 Javascript

基于iScroll实现内容滚动效果

2018/03/21 Javascript

webpack4打包vue前端多页面项目

2018/09/17 Javascript

Javascript中绑定click事件的四种方式介绍

2018/10/26 Javascript

JavaScript中BOM对象原理与用法分析

2019/07/09 Javascript

jQuery提示框插件SweetAlert用法分析

2019/08/05 jQuery

[02:12]DOTA2英雄基础教程变体精灵

2013/12/16 DOTA

Python如何import文件夹下的文件(实现方法)

2017/01/24 Python

浅谈python中的正则表达式（re模块）

2017/10/17 Python

python爬虫之模拟登陆csdn的实例代码

2018/05/18 Python

python基于递归解决背包问题详解

2019/07/03 Python

django中使用POST方法获取POST数据

2019/08/20 Python

Python用input输入列表的实例代码

2020/02/07 Python

PyQt5+python3+pycharm开发环境配置教程

2020/03/24 Python

VSCode配合pipenv搞定虚拟环境的实现方法

2020/05/17 Python

美国男装连锁零售商：Men’s Wearhouse

2016/10/14 全球购物

澳大利亚汽车零部件、音响及配件超市：Automotive Superstore

2018/06/19 全球购物

维氏瑞士军刀英国网站：Victorinox英国

2019/07/04 全球购物

联想印度官方网上商店：Lenovo India

2019/08/24 全球购物

医生实习工作总结的自我评价

2013/09/27 职场文书

《手指教学》反思

2014/02/14 职场文书

座谈会主持词

2014/03/20 职场文书

文秘求职信范文

2014/04/10 职场文书

自主招生教师推荐信

2014/05/10 职场文书

公司授权委托书格式范文

2014/10/02 职场文书

PHP控制循环操作的时间

2021/04/01 PHP

SpringBoot系列之MongoDB Aggregations用法详解

2022/02/12 MongoDB

Python简易开发之制作计算器

2022/04/28 Python