通过封装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 相关文章推荐
js压缩利器
Feb 20 Javascript
jquery 快速回到页首的方法
Dec 05 Javascript
js运动动画的八个知识点
Mar 12 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
JS实现窗口加载时模拟鼠标移动的方法
Jun 03 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
Mar 02 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
Jul 05 Javascript
解决vue keep-alive 数据更新的问题
Sep 21 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 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实现多服务器session共享之NFS共享的方法
2007/03/16 PHP
如何使用PHP Embed SAPI实现Opcodes查看器
2015/11/10 PHP
php上传excel表格并获取数据
2017/04/27 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
修改发贴的编辑功能
2007/03/07 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
Extjs根据条件设置表格某行背景色示例
2014/07/23 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
2015/05/11 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
javascript表单事件处理方法详解
2016/05/15 Javascript
JavaScript 函数模式详解及示例
2016/09/07 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
JQuery中Ajax的操作完整例子
2017/03/07 Javascript
浅谈webpack打包之后的文件过大的解决方法
2018/03/07 Javascript
vue 弹出遮罩层样式实例
2020/07/22 Javascript
[01:02:48]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 LGD vs OG
2018/04/02 DOTA
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
Python Tkinter 简单登录界面的实现
2019/06/14 Python
Pyecharts绘制全球流向图的示例代码
2020/01/08 Python
python梯度下降算法的实现
2020/02/24 Python
python小白切忌乱用表达式
2020/05/29 Python
HTML5本地存储之Database Storage应用介绍
2013/01/06 HTML / CSS
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
优质美利奴羊毛袜,不只是徒步旅行:Darn Tough Vermont
2018/11/05 全球购物
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
Nayomi官网:沙特阿拉伯王国睡衣和内衣品牌
2020/12/19 全球购物
营销总监岗位职责
2014/09/16 职场文书
2014年大学团支部工作总结
2014/12/02 职场文书
2015年领导班子工作总结
2015/05/23 职场文书
Java Dubbo框架知识点梳理
2021/06/26 Java/Android
Docker下安装Oracle19c
2022/04/13 Servers
vue封装数字翻牌器
2022/04/20 Vue.js
Python中的 No Module named ***问题及解决
2022/07/23 Python