通过封装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 相关文章推荐
统一接口:为FireFox添加IE的方法和属性的js代码
Mar 25 Javascript
javascript 广告后加载,加载完页面再加载广告
Nov 25 Javascript
jQuery 开发者应该注意的9个错误
May 03 Javascript
js单词形式的运算符
May 06 Javascript
javascript解析json实例详解
Nov 05 Javascript
JavaScript学习总结之JS、AJAX应用
Jan 29 Javascript
jQuery Dialog对话框事件用法实例分析
May 10 Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 Javascript
js禁止Backspace键使浏览器后退的实现方法
Sep 01 Javascript
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
Nov 16 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
攻克CakePHP系列二 表单数据显示
2008/10/22 PHP
在PHP中实现Javascript的escape()函数代码
2010/08/08 PHP
探讨多键值cookie(php中cookie存取数组)的详解
2013/06/06 PHP
PHP实现递归复制整个文件夹的类实例
2015/08/03 PHP
php判断数组是否为空的实例方法
2020/05/10 PHP
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
Backbone.js的Hello World程序实例
2015/06/19 Javascript
果断收藏9个Javascript代码高亮脚本
2016/01/06 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
2020/11/24 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
vue.js移动端tab组件的封装实践实例
2017/06/30 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
2019/06/06 Javascript
[03:26]回顾2015国际邀请赛中国区预选赛
2015/06/09 DOTA
python生成随机密码或随机字符串的方法
2015/07/03 Python
在Django的模型中添加自定义方法的示例
2015/07/21 Python
Python 面试中 8 个必考问题
2018/11/16 Python
python变量命名的7条建议
2019/07/04 Python
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
瑞典Happy Socks美国官网:购买色彩斑斓的快乐袜子
2016/10/19 全球购物
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
什么是数据抽象
2016/11/26 面试题
幼儿园中秋节活动方案
2014/02/06 职场文书
《理想》教学反思
2014/02/17 职场文书
竞选班干部演讲稿500字
2014/08/20 职场文书
测量员岗位职责
2015/02/14 职场文书
考研导师推荐信范文
2015/03/27 职场文书
高中家长意见怎么写
2015/06/03 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
Vue ECharts实现机舱座位选择展示功能
2022/05/15 Vue.js