编程 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中原型和原型链详解

Feb 11 Javascript

JavaSacript中charCodeAt()方法的使用详解

Jun 05 Javascript

javascript日期格式化方法汇总

Oct 04 Javascript

Bootstrap零基础入门教程(二)

Jul 18 Javascript

Bootstrap源码解读标签、徽章、缩略图和警示框（8）

Dec 26 Javascript

Angularjs中的ui-bootstrap的使用教程

Feb 19 Javascript

AngularJS实现的输入框字数限制提醒功能示例

Oct 26 Javascript

解决在vue项目中webpack打包后字体不生效的问题

Sep 01 Javascript

AngularJS实现的自定义过滤器简单示例

Feb 02 Javascript

微信小程序实现下滑到底部自动翻页功能

Mar 07 Javascript

《javascript设计模式》学习笔记三：Javascript面向对象程序设计单例模式原理与实现方法分析

Apr 07 Javascript

使用JS实现鼠标放上图片进行放大离开实现缩小功能

Jan 27 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

php判断ip黑名单程序代码实例

2014/02/24 PHP

PHP面向对象程序设计之多态性的应用示例

2018/12/19 PHP

javascript firefox不显示本地预览图片问题的解决方法

2008/11/12 Javascript

JavaScript编程开发中的五个实用小技巧

2010/07/22 Javascript

关于window.pageYOffset和document.documentElement.scrollTop

2011/04/05 Javascript

IE和Firefox的Javascript兼容性总结[推荐收藏]

2011/10/19 Javascript

jQuery遍历Form示例代码

2013/09/03 Javascript

jquery实现table鼠标经过变色代码

2013/09/25 Javascript

javascript 3d 逐侦产品展示(核心精简)

2014/03/26 Javascript

Javascript中arguments对象详解

2014/10/22 Javascript

node.js中的buffer.toString方法使用说明

2014/12/14 Javascript

javascript实现无缝上下滚动特效

2015/12/16 Javascript

详解JavaScript对象序列化

2016/01/19 Javascript

Nodejs爬虫进阶教程之异步并发控制

2016/02/15 NodeJs

深入浅析JavaScript中的作用域和上下文

2016/03/26 Javascript

利用Node.js制作爬取大众点评的爬虫

2016/09/22 Javascript

BootStrap按钮标签及基本样式

2016/11/23 Javascript

纯JS实现轮播图

2017/02/22 Javascript

JS实现课堂随机点名和顺序点名

2017/03/09 Javascript

js实现带进度条提示的多视频上传功能

2020/12/13 Javascript

webpack配置sass模块的加载的方法

2017/07/30 Javascript

解决Vue2.x父组件与子组件之间的双向绑定问题

2018/03/06 Javascript

微信运维交互机器人的示例代码

2018/11/12 Javascript

ES6 新增的创建数组的方法(小结)

2019/08/01 Javascript

Vue.use()在new Vue() 之前使用的原因浅析

2019/08/26 Javascript

vue导入.md文件的步骤（markdown转HTML）

2020/12/31 Vue.js

简单分析Python中用fork()函数生成的子进程

2015/05/04 Python

实例详解python函数的对象、函数嵌套、名称空间和作用域

2019/05/31 Python

OpenCV+face++实现实时人脸识别解锁功能

2019/08/28 Python

用python实现英文字母和相应序数转换的方法

2019/09/18 Python

Python实现电视里的5毛特效实例代码详解

2020/05/15 Python

如何判断计算机可能已经中马

2013/03/22 面试题

golang中的并发和并行

2021/05/08 Golang

python实现的人脸识别打卡系统

2021/05/08 Python

pytorch model.cuda()花费时间很长的解决

2021/06/01 Python

怎么禁用Win11输入法最新Win11输入法关闭教程

2022/08/05 数码科技