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

Javascript中的Split使用方法与技巧

Mar 09 Javascript

Dojo 学习要点

Sep 03 Javascript

ko knockoutjs动态属性绑定技巧应用

Nov 14 Javascript

实现51Map地图接口(示例代码)

Nov 22 Javascript

Egret引擎开发指南之发布项目

Sep 03 Javascript

js使用onmousemove和onmouseout获取鼠标坐标的方法

Mar 31 Javascript

JavaScript学习笔记之数组求和方法

Mar 23 Javascript

JSON与String互转的实现方法(Javascript)

Sep 27 Javascript

详解JavaScript 中getElementsByName在IE中的注意事项

Feb 21 Javascript

jQuery实现简单漂亮的Nav导航菜单效果

Mar 29 jQuery

JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例

Feb 21 Javascript

聊聊vue 中的v-on参数问题

Jan 29 Vue.js

详解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

set_include_path和get_include_path使用及注意事项

2013/02/02 PHP

PHP遍历XML文档所有节点的方法

2015/03/12 PHP

PHP使用逆波兰式计算工资的方法

2015/07/29 PHP

利用PHP自动生成印有用户信息的名片

2016/08/01 PHP

window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法

2013/08/21 Javascript

在JS方法中返回多个值的方法汇总

2015/05/20 Javascript

JS实现的通用表单验证插件完整实例

2015/08/20 Javascript

结合Vue控制字符和字节的显示个数的示例

2018/05/17 Javascript

layui select获取自定义属性方法

2018/08/15 Javascript

vue实现侧边栏导航效果

2019/10/21 Javascript

解决vue-router 二级导航默认选中某一选项的问题

2019/11/01 Javascript

Python随机生成信用卡卡号的实现方法

2015/05/14 Python

python判断字符串是否是json格式方法分享

2017/11/07 Python

python交互式图形编程实例（一）

2017/11/17 Python

Python基于多线程实现ping扫描功能示例

2018/07/23 Python

Pycharm代码无法复制,无法选中删除,无法编辑的解决方法

2018/10/22 Python

解决Python print输出不换行没空格的问题

2018/11/14 Python

python自动化工具之pywinauto实例详解

2019/08/26 Python

在tensorflow中实现屏蔽输出的log信息

2020/02/04 Python

Python xlwt模块使用代码实例

2020/06/10 Python

如何用H5实现一个触屏版的轮播器的实例

2017/01/09 HTML / CSS

SmartBuyGlasses美国官网：太阳眼镜和眼镜

2017/08/20 全球购物

德国高品质男装及配饰商城：Cultizm（Raw Denim原色牛仔裤）

2018/04/16 全球购物

美国最大婚纱连锁店运营商：David’s Bridal

2019/03/12 全球购物

全球最受追捧的运动服品牌领先数字目的地：Stylerunner

2020/11/25 全球购物

致短跑运动员广播稿

2014/01/09 职场文书

机械设计专业大学生职业生涯规划书范文

2014/09/13 职场文书

国家税务局领导班子对照检查材料思想汇报

2014/10/04 职场文书

2014年信息技术工作总结

2014/12/16 职场文书

英文感谢信范文

2015/01/21 职场文书

小学班主任自我评价

2015/03/11 职场文书

期中考试后的感想

2015/08/07 职场文书

小学班主任培训心得体会

2016/01/07 职场文书

Python办公自动化解决world文件批量转换

2021/09/15 Python

golang连接MySQl使用sqlx库

2022/04/14 Golang

CSS元素定位之通过元素的标签或者元素的id、class属性定位详解

2022/09/23 HTML / CSS