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

3分钟写出来的Jquery版checkbox全选反选功能

Oct 23 Javascript

jquery实现图片按比例缩放示例

Jul 01 Javascript

JS实现往下不断流动网页背景的方法

Feb 27 Javascript

JS+CSS实现精美的二级导航效果代码

Sep 17 Javascript

JavaScript操作XML/HTML比较常用的对象属性集锦

Oct 30 Javascript

详解js树形控件—zTree使用总结

Dec 28 Javascript

JSONP跨域请求

Mar 02 Javascript

js实时监控文本框输入字数的实例代码

Jan 18 Javascript

Vue中的混入的使用(vue mixins)

Jun 01 Javascript

vue iview多张图片大图预览、缩放翻转

Jul 13 Javascript

Vue SPA 初次进入加载动画实现代码

Nov 14 Javascript

Vue 使用typescript如何优雅的调用swagger API

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

JS 网站性能优化笔记

2011/05/24 PHP

浅析php与数据库代码开发规范

2013/08/08 PHP

PHP基本语法总结

2014/09/06 PHP

php实现用于删除整个目录的递归函数

2015/03/16 PHP

ThinkPHP使用Ueditor的方法详解

2016/05/20 PHP

php版微信公众平台接口开发之智能回复开发教程

2016/09/22 PHP

在Laravel5中正确设置文件权限的方法

2019/05/22 PHP

Laravel+Intervention实现上传图片功能示例

2019/07/09 PHP

javascript通过元素id和name直接取得元素的方法

2015/04/28 Javascript

基于javascript如何传递特殊字符

2015/11/30 Javascript

Jquery实现select multiple左右添加和删除功能的简单实例

2016/05/26 Javascript

功能强大的jquery.validate表单验证插件

2016/11/07 Javascript

关于Function中的bind()示例详解

2016/12/02 Javascript

多种方式实现js图片预览

2016/12/12 Javascript

node.js平台下利用cookie实现记住密码登陆（Express+Ejs+Mysql）

2017/04/26 Javascript

vue实现app页面切换动画效果实例

2017/05/23 Javascript

Vue.js学习记录之在元素与template中使用v-if指令实例

2017/06/27 Javascript

解决iview多表头动态更改列元素发生的错误的方法

2018/11/02 Javascript

如何制作一个Node命令行图像识别工具

2018/12/12 Javascript

JS中的一些常用的函数式编程术语

2019/06/15 Javascript

[44:39]2014 DOTA2国际邀请赛中国区预选赛 NE VS CNB

2014/05/21 DOTA

简单的python后台管理程序

2017/04/13 Python

python机器学习理论与实战（二）决策树

2018/01/19 Python

python调用摄像头显示图像的实例

2018/08/03 Python

python图片剪裁代码(图片按四个点坐标剪裁)

2020/03/10 Python

Django之全局使用request.user.username的实例详解

2020/05/14 Python

Django实现后台上传并显示图片功能

2020/05/29 Python

免税水晶：Duty Free Crystal

2019/05/13 全球购物

接口中的方法可以是abstract的吗

2015/07/23 面试题

如何让Java程序执行效率更高

2014/06/25 面试题

2014年党支部承诺书

2014/05/30 职场文书

生产助理岗位职责

2014/06/18 职场文书

2015年学校体育工作总结

2015/04/22 职场文书

学生病假条范文

2015/08/17 职场文书

党员反邪教心得体会

2016/01/15 职场文书

Nginx+Windows搭建域名访问环境的操作方法

2022/03/17 Servers