通过封装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 相关文章推荐
网页编辑器ckeditor和ckfinder配置步骤分享
May 24 Javascript
javascript 闭包详解
Feb 15 Javascript
Javascript实现飞动广告效果的方法
May 25 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
前端弹出对话框 js实现ajax交互
Sep 09 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
Jun 12 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
AngularJS下$http服务Post方法传递json参数的实例
Mar 29 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
JS解惑之Object中的key是有序的么
May 06 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
Oct 24 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开发中的tips(必看篇)
2017/03/24 PHP
Laravel中log无法写入问题的解决
2017/06/17 PHP
php面向对象基础详解【星际争霸游戏案例】
2020/01/23 PHP
图片自动更新(说明)
2006/10/02 Javascript
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
DOM2非标准但却支持很好的几个属性小结
2012/01/21 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
Node.js下自定义错误类型详解
2016/10/17 Javascript
React如何将组件渲染到指定DOM节点详解
2017/09/08 Javascript
Angular5.1新功能分享
2017/12/21 Javascript
vue中Axios的封装与API接口的管理详解
2018/08/09 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
2019/02/10 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
ES6 Map结构的应用实例分析
2019/06/26 Javascript
详解使用JWT实现单点登录(完全跨域方案)
2019/08/02 Javascript
TypeScript之调用栈的实现
2019/12/31 Javascript
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
在Python中进行自动化单元测试的教程
2015/04/15 Python
用Python编写一个每天都在系统下新建一个文件夹的脚本
2015/05/04 Python
Python正则表达式教程之二:捕获篇
2017/03/02 Python
用python找出那些被“标记”的照片
2017/04/20 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
Python pandas RFM模型应用实例详解
2019/11/20 Python
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
保险公司年会主持词
2014/03/22 职场文书
实践单位评语
2014/04/26 职场文书
教师节倡议书
2014/08/30 职场文书
大型主题婚礼活动策划方案
2014/09/15 职场文书
捐助感谢信
2015/01/22 职场文书
财务负责人岗位职责
2015/02/03 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
银行工作心得体会范文
2016/01/23 职场文书
Python 居然可以在 Excel 中画画你知道吗
2022/02/15 Python