编程 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 无限级联菜单案例分享

Mar 26 Javascript

js实现弹窗插件功能实例代码分享

Dec 12 Javascript

jQuery遍历对象、数组、集合实例

Nov 08 Javascript

jquery事件preventDefault()方法用法实例

Jan 16 Javascript

高效的jquery数字滚动特效

Dec 17 Javascript

JS实现弹出居中的模式窗口示例

Jun 20 Javascript

IScroll5实现下拉刷新上拉加载的功能实例

Aug 11 Javascript

vue 纯js监听滚动条到底部的实例讲解

Sep 03 Javascript

electron制作仿制qq聊天界面的示例代码

Nov 26 Javascript

详解Vue.js v-for不支持IE9的解决方法

Dec 29 Javascript

微信小程序如何获取用户头像和昵称

Sep 23 Javascript

解决ant design vue 表格a-table二次封装,slots渲染的问题

Oct 28 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

CodeIgniter基本配置详细介绍

2013/11/12 PHP

php获取本周开始日期和结束日期的方法

2015/03/09 PHP

PHP开发框架laravel安装与配置教程

2015/03/13 PHP

关于PHP开发的9条建议

2015/07/27 PHP

php邮件发送的两种方式

2020/04/28 PHP

JavaScript 三种不同位置代码的写法

2009/10/25 Javascript

jquery实现点击TreeView文本父节点展开/折叠子节点

2013/01/10 Javascript

用unescape反编码得出汉字示例

2014/04/24 Javascript

jQuery的图片滑块焦点图插件整理推荐

2014/12/07 Javascript

基于jquery实现的仿优酷图片轮播特效代码

2016/01/13 Javascript

js控制台输出的方法(详解)

2016/11/26 Javascript

Bootstrap常用组件学习(整理)

2017/03/24 Javascript

利用node.js写一个爬取知乎妹纸图的小爬虫

2017/05/03 Javascript

Vue.js与 ASP.NET Core 服务端渲染功能整合

2017/11/16 Javascript

在vue中读取本地Json文件的方法

2018/09/06 Javascript

微信小程序 wx:for遍历循环使用实例解析

2019/09/09 Javascript

在JavaScript中实现链式调用的实现

2019/12/24 Javascript

基于vue-draggable 实现三级拖动排序效果

2020/01/10 Javascript

vue实现路由不变的情况下，刷新页面操作示例

2020/02/02 Javascript

JS判断浏览器类型与操作系统的方法分析

2020/04/30 Javascript

vue中是怎样监听数组变化的

2020/10/24 Javascript

MySQL最常见的操作语句小结

2015/05/07 Python

Python实现七彩蟒蛇绘制实例代码

2018/01/16 Python

django 实现电子支付功能的示例代码

2018/07/25 Python

利用Django模版生成树状结构实例代码

2019/05/19 Python

python爬虫基于requests模块发起ajax的get请求实现解析

2019/08/20 Python

html5 svg 中元素点击事件添加方法

2013/01/16 HTML / CSS

小程序canvas中文字设置居中锚点

2019/04/16 HTML / CSS

波兰在线儿童和婴儿用品零售商：pinkorblue

2019/06/29 全球购物

编程输出如下图形

2013/11/24 面试题

英语专业应届生求职信范文

2013/11/15 职场文书

电视购物广告词

2014/03/19 职场文书

工作保证书怎么写

2015/02/28 职场文书

党支部工作总结2015

2015/04/01 职场文书

2022年四月新番

2022/03/15 日漫

零基础学java之循环语句的使用

2022/04/10 Java/Android