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

Javascript 相关文章推荐
jQuery之ajax删除详解
Feb 27 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
jQuery Chosen通用初始化
Mar 07 Javascript
Vue.js弹出模态框组件开发的示例代码
Jul 26 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
vue input输入框模糊查询的示例代码
May 22 Javascript
webpack4 SCSS提取和懒加载的示例
Sep 03 Javascript
vue 巧用过渡效果(小结)
Sep 22 Javascript
Vue $mount实战之实现消息弹窗组件
Apr 22 Javascript
JavaScript ES6 Class类实现原理详解
May 08 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
Jul 17 Javascript
Nuxt的路由配置和参数传递方式
Nov 06 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之第七天
2006/10/09 PHP
PHP的PDO常用类库实例分析
2016/04/07 PHP
CodeIgniter连贯操作的底层原理分析
2016/05/17 PHP
PHP中call_user_func_array回调函数的用法示例
2016/11/26 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
js charAt的使用示例
2014/02/18 Javascript
js实现图片在未加载完成前显示加载中字样
2014/09/03 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
2015/01/24 Javascript
基于javascript实现动态显示当前系统时间
2016/01/28 Javascript
Vue应用部署到服务器的正确方式
2017/07/15 Javascript
React-router v4 路由配置方法小结
2017/08/08 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
2017/10/25 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
微信小程序云开发实现增删改查功能
2019/05/17 Javascript
详解Nuxt.js中使用Element-UI填坑
2019/09/06 Javascript
layui实现数据表格自定义数据项
2019/10/26 Javascript
Vue监听滚动实现锚点定位(双向)示例
2019/11/13 Javascript
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
下载python中Crypto库报错:ModuleNotFoundError: No module named ‘Crypto’的解决
2018/04/23 Python
Python学习笔记之集合的概念和简单使用示例
2019/08/22 Python
python自动识别文本编码格式代码
2019/12/26 Python
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
2020/11/16 HTML / CSS
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
什么是数据抽象
2016/11/26 面试题
路政管理专业个人自荐信范文
2013/11/30 职场文书
工作推荐信范文
2014/05/10 职场文书
诚信贷款承诺书
2014/05/30 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
2015年教师节贺卡寄语
2015/03/24 职场文书
让生命充满爱观后感
2015/06/08 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书