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

jquery 操作单选框，复选框，下拉列表实现代码

Oct 27 Javascript

input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

Apr 02 Javascript

js 有框架页面跳转(target)三种情况下的应用

Apr 09 Javascript

js 自动播放的实例代码

Nov 19 Javascript

JavaScript中的类与实例实现方法

Jan 23 Javascript

Hallo.js基于jQuery UI所见即所得的Web编辑器

Jan 26 Javascript

实例解析jQuery中如何取消后续执行内容

Dec 01 Javascript

微信小程序url传参写变量的方法

Aug 09 Javascript

vue中多个倒计时实现代码实例

Mar 27 Javascript

vue 项目打包时样式及背景图片路径找不到的解决方式

Nov 12 Javascript

vue下axios拦截器token刷新机制的实例代码

Jan 17 Javascript

jQuery实现简单飞机大战

Jul 05 jQuery

详解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操作Access类(PHP+ODBC+Access)

2007/01/02 PHP

php 搜索框提示(自动完成)实例代码

2012/02/05 PHP

PHPEXCEL 使用小记

2013/01/06 PHP

php header功能的使用

2013/10/28 PHP

实现PHP中session存储及删除变量

2018/10/15 PHP

jquery中对表单的基本操作代码

2010/07/29 Javascript

jquery提交form表单时禁止重复提交的方法

2014/02/13 Javascript

jQuery实现菜单感应鼠标滑动动画效果的方法

2015/02/28 Javascript

js中日期的加减法

2015/05/06 Javascript

HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)

2016/01/26 Javascript

jQuery获取table下某一行某一列的值实现代码

2017/04/07 jQuery

基于JavaScript实现图片连播和联级菜单实例代码

2017/07/28 Javascript

详细分析jsonp的原理和实现方式

2017/11/20 Javascript

js限制输入框只能输入数字(onkeyup触发)

2018/09/28 Javascript

JS/HTML5游戏常用算法之碰撞检测地图格子算法实例详解

2018/12/12 Javascript

微信 jssdk 签名错误invalid signature的解决方法

2019/01/14 Javascript

基于JS抓取某高校附近共享单车位置使用web方式展示位置变化代码实例

2019/08/27 Javascript

js实现鼠标切换图片（无定时器）

2021/01/27 Javascript

Tensorflow之梯度裁剪的实现示例

2020/03/08 Python

JupyterNotebook 输出窗口的显示效果调整方法

2020/04/13 Python

不到20行实现Python代码即可制作精美证件照

2020/04/24 Python

Python map及filter函数使用方法解析

2020/08/06 Python

html5实现移动端适配完美写法

2017/11/16 HTML / CSS

美国健康和保健平台：healtop

2020/07/02 全球购物

仓库保管员岗位职责

2013/12/20 职场文书

党员政治学习材料

2014/05/14 职场文书

工作经常出错的检讨书

2014/09/13 职场文书

2014领导班子专题民主生活会对照检查材料思想汇报

2014/09/23 职场文书

父亲婚礼答谢词

2015/01/04 职场文书

给老婆的保证书

2015/01/16 职场文书

兵马俑导游词

2015/02/02 职场文书

大学生社会服务心得体会

2016/01/22 职场文书

导游词之贵州织金洞

2019/10/12 职场文书

Apache Calcite 实现方言转换的代码

2021/04/24 Servers

FP-growth算法发现频繁项集——发现频繁项集

2021/06/24 Python