编程 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的智能提示插件一枚

Feb 18 Javascript

lyhucSelect基于Jquery的Select数据联动插件

Mar 29 Javascript

Ajax同步与异步传输的示例代码

Nov 21 Javascript

jQuery 文本框得失焦点的简单实例

Feb 19 Javascript

Boostrap入门准备之border box

May 09 Javascript

jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍

Jun 24 Javascript

javascript入门之window对象【新手必看】

Nov 22 Javascript

JavaScript设计模式之单例模式详解

Jun 09 Javascript

BootStrap导航栏问题记录

Jul 31 Javascript

基于jQuery Ajax实现下拉框无刷新联动

Dec 06 jQuery

axios post提交formdata的实例

Mar 16 Javascript

Vue-cli打包后如何本地查看的操作

Sep 02 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

追求程序速度，而不是编程的速度

2008/04/23 PHP

php通过记录IP来防止表单重复提交方法分析

2014/12/16 PHP

PHP的Yii框架中行为的定义与绑定方法讲解

2016/03/18 PHP

PHPExcel笔记, mpdf导出

2016/05/03 PHP

php ActiveMQ的安装与使用方法图文教程

2020/02/23 PHP

javaScript中两个等于号和三个等于号之间的区别介绍

2014/06/27 Javascript

js读取cookie方法总结

2014/10/31 Javascript

jquery获取select选中值的方法分析

2015/12/22 Javascript

Node.js实现JS文件合并小工具

2016/02/02 Javascript

基于JavaScript实现购物网站商品放大镜效果

2016/09/06 Javascript

详解JavaScript模块化开发

2016/12/04 Javascript

微信小程序使用canvas制作K线实例详解

2017/01/12 Javascript

socket.io学习教程之基本应用（二）

2017/04/29 Javascript

原生JS实现日历组件的示例代码

2017/09/22 Javascript

微信小程序使用navigateTo数据传递的实例

2017/09/26 Javascript

详解微信小程序中的页面代码中的模板的封装

2017/10/12 Javascript

详解Angular2学习笔记之Html属性绑定

2018/01/03 Javascript

浅谈vue中改elementUI默认样式引发的static与assets的区别

2018/02/03 Javascript

微信小程序自定义带价格显示日历效果

2018/12/29 Javascript

es6数据变更同步到视图层的方法

2019/03/04 Javascript

详解微信小程序网络请求接口封装实例

2019/05/02 Javascript

[49:40]2018DOTA2亚洲邀请赛小组赛 A组加赛 TNC vs Newbee

2018/04/03 DOTA

easy_install python包安装管理工具介绍

2013/02/10 Python

使用Python写一个贪吃蛇游戏实例代码

2017/08/21 Python

python文本数据相似度的度量

2018/03/12 Python

python 统计数组中元素出现次数并进行排序的实例

2018/07/02 Python

python使用PyQt5的简单方法

2019/02/27 Python

提升Python效率之使用循环机制代替递归函数

2019/07/23 Python

django drf框架自带的路由及最简化的视图

2019/09/10 Python

劳资人员岗位职责

2013/12/19 职场文书

文秘应届生求职信

2014/07/05 职场文书

党员评议个人总结

2014/10/20 职场文书

医生辞职信范文

2015/03/02 职场文书

信用卡工作证明范本

2015/06/19 职场文书

多属性、多分类MySQL模式设计

2021/04/05 MySQL

Java spring定时任务详解

2021/10/05 Java/Android