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

关于文本框的一些限制控制总结~~

Apr 15 Javascript

js判断子窗体是否关闭的方法

Aug 11 Javascript

详解JavaScript中的4种类型识别方法

Sep 14 Javascript

Jquery和angularjs获取check框选中的值的方法汇总

Jan 17 Javascript

图文详解Heap Sort堆排序算法及JavaScript的代码实现

May 04 Javascript

AngularJS入门教程之过滤器详解

Aug 19 Javascript

Bootstrap实现基于carousel.js框架的轮播图效果

May 02 Javascript

vue 简单自动补全的输入框的示例

Mar 12 Javascript

Vue2.0 实现单选互斥的方法

Apr 13 Javascript

webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程

Jun 10 Javascript

vue图片加载失败时用默认图片替换的方法

Aug 29 Javascript

Layui动态生成select下拉选择框不显示的解决方法

Sep 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

相对路径转化成绝对路径

2007/04/10 PHP

PHP MYSQL乱码问题,使用SET NAMES utf8校正

2009/11/30 PHP

约瑟夫环问题的PHP实现使用PHP数组内部指针操作函数

2010/10/12 PHP

使用php将某个目录下面的所有文件罗列出来的方法详解

2013/06/21 PHP

PHP+Memcache实现wordpress访问总数统计（非插件）

2014/07/04 PHP

ThinkPHP单字母函数(快捷方法)使用总结

2014/07/23 PHP

PHP获取文件扩展名的方法实例总结

2017/06/10 PHP

javascript实现动态CSS换肤技术的脚本

2007/06/29 Javascript

JQuery 获取json数据$.getJSON方法的实例代码

2013/08/02 Javascript

getAsDataURL在Firefox7.0下无法预览本地图片的解决方法

2013/11/15 Javascript

jQuery+slidereveal实现的面板滑动侧边展出效果

2015/03/14 Javascript

javascript使用avalon绑定实现checkbox全选

2015/05/06 Javascript

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

2015/05/29 Javascript

浅谈setTimeout 与 setInterval

2015/06/23 Javascript

JS验证不重复验证码

2017/02/10 Javascript

nodejs操作mysql实现增删改查的实例

2017/05/28 NodeJs

vue脚手架搭建过程图解

2018/06/06 Javascript

python基础教程之udp端口扫描

2014/02/10 Python

python使用fileinput模块实现逐行读取文件的方法

2015/04/29 Python

win与linux系统中python requests 安装

2016/12/04 Python

Python 基础之字符串string详解及实例

2017/04/01 Python

Python获取当前路径实现代码

2017/05/08 Python

python+matplotlib绘制旋转椭圆实例代码

2018/01/12 Python

Python实现合并同一个文件夹下所有PDF文件的方法示例

2018/04/28 Python

python库lxml在linux和WIN系统下的安装

2018/06/24 Python

Python unittest单元测试框架总结

2018/09/08 Python

Python自动抢红包教程详解

2019/06/11 Python

python支付宝支付示例详解

2019/08/22 Python

TensorFlow基本的常量、变量和运算操作详解

2020/02/03 Python

推荐技术人员一款Python开源库(造数据神器)

2020/07/08 Python

施华洛世奇德国官网：SWAROVSKI德国

2017/02/01 全球购物

总经理的岗位职责

2014/02/23 职场文书

喜之郎果冻广告词

2014/03/20 职场文书

行政司机岗位职责

2015/04/10 职场文书

2015年高中班主任工作总结

2015/04/30 职场文书

flex布局中使用flex-wrap实现换行的项目实践

2022/06/21 HTML / CSS