编程 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 相关文章推荐

网页编辑器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