js获取滚动距离的方法


Posted in Javascript onMay 30, 2015

本文实例讲述了js获取滚动距离的方法。分享给大家供大家参考。具体实现方法如下:

/**
 / THIRD FUNCTION
 * getPageScroll() by quirksmode.com
 *
 * @return Array Return an array with x,y page scroll values.
 */
function ___getPageScroll() {
  var xScroll, yScroll;
  if (self.pageYOffset) {
    yScroll = self.pageYOffset;
    xScroll = self.pageXOffset;
  } else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
    yScroll = document.documentElement.scrollTop;
    xScroll = document.documentElement.scrollLeft;
  } else if (document.body) {// all other Explorers
    yScroll = document.body.scrollTop;
    xScroll = document.body.scrollLeft;  
  }
  arrayPageScroll = new Array(xScroll,yScroll);
  return arrayPageScroll;
};

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JS去除iframe滚动条的方法
Apr 01 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
JS实现移动端按首字母检索城市列表附源码下载
Jul 05 Javascript
vue 挂载路由到头部导航的方法
Nov 13 Javascript
Vue实现PopupWindow组件详解
Apr 28 Javascript
JS数组去重的6种方法完整实例
Dec 08 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
Apr 30 Javascript
vue集成chart.js的实现方法
Aug 20 Javascript
Vue中computed及watch区别实例解析
Aug 01 Javascript
vue中配置scss全局变量的步骤
Dec 28 Vue.js
jquery简单实现外部链接用新窗口打开的方法
May 30 #Javascript
Javascript实现div层渐隐效果的方法
May 30 #Javascript
JQuery+CSS实现图片上放置按钮的方法
May 29 #Javascript
Jquery解析json字符串及json数组的方法
May 29 #Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 #Javascript
jQuery实现返回顶部效果的方法
May 29 #Javascript
jquery读取xml文件实现省市县三级联动的方法
May 29 #Javascript
You might like
php设计模式 Strategy(策略模式)
2011/06/26 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
javascript 有用的脚本函数
2009/05/07 Javascript
jquery 上下滚动广告
2009/06/17 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
高性能JavaScript DOM编程(1)
2015/08/11 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
jQuery元素选择器实例代码
2017/02/06 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
兼容浏览器的js事件绑定函数(详解)
2017/05/09 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
利用原生的JavaScript实现简单拼图游戏
2018/11/18 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
Python中删除文件的程序代码
2011/03/13 Python
Python多线程编程简单介绍
2015/04/13 Python
Python运算符重载用法实例
2015/05/28 Python
解决Python requests 报错方法集锦
2017/03/19 Python
python不使用for计算两组、多个矩形两两间的iou方式
2020/01/18 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
树莓派4B安装Tensorflow的方法步骤
2020/07/16 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
浅析Python模块之间的相互引用问题
2021/02/26 Python
浅析CSS3 用text-overflow解决文字排版问题
2020/10/28 HTML / CSS
基于 HTML5 WebGL 实现的医疗物流系统
2019/10/08 HTML / CSS
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
师范毕业生求职自荐信
2013/09/25 职场文书
大学生职业规划前言模板
2013/12/27 职场文书
银行开业庆典方案
2014/02/06 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
教代会开幕词
2015/01/28 职场文书
QT与javascript交互数据的实现
2021/05/26 Javascript
python单向链表实例详解
2022/05/25 Python