通过封装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中单选框和复选框获取值的方式
Nov 06 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
Mar 07 Javascript
js弹出层之1:JQuery.Boxy (二)
Oct 06 Javascript
jQuery Jcrop插件实现图片选取功能
Nov 23 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
Jan 09 Javascript
jquery得到font-size属性值实现代码
Sep 30 Javascript
详解JS 比较两个Json对象的值是否相等的实例
Nov 20 Javascript
JS实现根据文件字节数返回文件大小的方法
Aug 02 Javascript
使用RxJS更优雅地进行定时请求详析
Jun 02 Javascript
Vue.js实现大屏数字滚动翻转效果
Nov 29 Javascript
Javascript查看大图功能代码实现
May 07 Javascript
vue 实现把路由单独分离出来
Aug 13 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支持多种格式图片上传(支持jpg、png、gif)
2011/11/03 PHP
php遍历目录与文件夹的多种方法详解
2013/11/14 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
js jquery ajax的几种用法总结(及优缺点介绍)
2014/01/28 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
AngularJs动态加载模块和依赖注入详解
2016/01/11 Javascript
JS面向对象编程详解
2016/03/06 Javascript
AngularJS国际化详解及示例代码
2016/08/18 Javascript
EasyUI 结合JS导出Excel文件的实现方法
2016/11/10 Javascript
JS中关于正则的巧妙操作
2017/08/31 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
django js 实现表格动态标序号的实例代码
2019/07/12 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
微信小程序实现横向滚动导航栏效果
2019/12/12 Javascript
Element DateTimePicker日期时间选择器的使用示例
2020/07/27 Javascript
区分vue-router的hash和history模式
2020/10/03 Javascript
python解析xml文件操作实例
2014/10/05 Python
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
python正则表达式面试题解答
2020/04/28 Python
如何用Python实现简单的Markdown转换器
2018/07/16 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
python中的RSA加密与解密实例解析
2019/11/18 Python
Python连接SQLite数据库并进行增册改查操作方法详解
2020/02/18 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
html5的新增的标签和废除的标签简要概述
2013/02/20 HTML / CSS
模具毕业生推荐信
2014/02/15 职场文书
辅导员评语
2014/05/04 职场文书
派出所副所长四风问题个人整改措施思想汇报
2014/10/13 职场文书
2014年纠风工作总结
2014/12/08 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
诺贝尔奖获得者名言100句:句句启人心智,值永久收藏
2019/08/09 职场文书
关于企业的执行力标语大全
2020/01/06 职场文书
Python使用scapy模块发包收包
2021/05/07 Python
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android