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 相关文章推荐
用javascript添加控件自定义属性解析
Nov 25 Javascript
javascript实现数组去重的多种方法
Mar 14 Javascript
JavaScript & jQuery完美判断图片是否加载完毕
Jan 08 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
Jan 11 Javascript
js实现弹窗暗层效果
Jan 16 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
vue-scroller记录滚动位置的示例代码
Jan 17 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
利用React Router4实现的服务端直出渲染(SSR)
Jan 07 Javascript
微信小程序时间标签和时间范围的联动效果
Feb 15 Javascript
node.js爬虫框架node-crawler初体验
Oct 29 Javascript
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等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
jquery text,radio,checkbox,select操作实现代码
2009/07/09 Javascript
Jquery优化效率 提升性能解决方案
2010/09/06 Javascript
javascript 事件处理程序介绍
2012/06/27 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
Jquery实现动态切换图片的方法
2015/05/18 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
localstorage实现带过期时间的缓存功能
2019/06/28 Javascript
es6函数之尾递归用法实例分析
2020/04/25 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
Python排序搜索基本算法之希尔排序实例分析
2017/12/09 Python
Python numpy.array()生成相同元素数组的示例
2018/11/12 Python
python多线程并发实例及其优化
2019/06/27 Python
Python socket 套接字实现通信详解
2019/08/27 Python
分享PyCharm的几个使用技巧
2019/11/10 Python
pymysql的简单封装代码实例
2020/01/08 Python
浅谈python多线程和多线程变量共享问题介绍
2020/04/17 Python
HTML5的语法变化介绍
2013/08/13 HTML / CSS
使用phonegap进行本地存储的实现方法
2017/03/31 HTML / CSS
html5自定义video标签的海报与播放按钮功能
2019/12/04 HTML / CSS
Currentbody澳大利亚:美容仪专家
2019/11/11 全球购物
怎样在程序里获得一个空指针
2015/01/24 面试题
《藤野先生》教学反思
2014/02/19 职场文书
家长学校实施方案
2014/03/15 职场文书
开学寄语大全
2014/04/08 职场文书
优秀求职信
2014/05/29 职场文书
安全负责人任命书
2014/06/06 职场文书
人事文员岗位职责
2015/02/04 职场文书
Python控制台输出俄罗斯方块移动和旋转功能
2021/04/18 Python
golang import自定义包方式
2021/04/29 Golang