编程 Javascript

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

通过封装scroll.js 获取滚动条的值

- Author -

帅哥天下9

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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