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 相关文章推荐
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
Apr 02 Javascript
html页面显示年月日时分秒和星期几的两种方式
Aug 20 Javascript
浅谈javascript中for in 和 for each in的区别
Apr 23 Javascript
JS模拟按钮点击功能的方法
Dec 22 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
Mar 06 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
微信小程序学习之数据处理详解
Jul 05 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
Aug 14 Javascript
Node.js实现连接mysql数据库功能示例
Sep 15 Javascript
vue将时间戳转换成自定义时间格式的方法
Mar 02 Javascript
element-ui表格数据转换的示例代码
Aug 24 Javascript
vue mvvm数据响应实现
Nov 11 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
DIY实用性框形天线
2021/03/02 无线电
用PHP调用Oracle存储过程的方法
2008/09/12 PHP
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
解析php中mysql_connect与mysql_pconncet的区别详解
2013/05/15 PHP
Laravel路由研究之domain解决多域名问题的方法示例
2019/04/04 PHP
破解Session cookie的方法
2006/07/28 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
2015/09/14 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
2015/10/20 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
jQuery制作网页版选项卡
2016/07/28 Javascript
js实现背景图自适应窗口大小
2017/01/10 Javascript
JS实现复制内容到剪贴板功能
2017/02/05 Javascript
利用babel将es6语法转es5的简单示例
2017/12/01 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
2018/01/31 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
2020/11/03 Javascript
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
python判断、获取一张图片主色调的2个实例
2014/04/10 Python
Python实现的几个常用排序算法实例
2014/06/16 Python
Python入门篇之数字
2014/10/20 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
Python利用WMI实现ping命令的例子
2019/08/14 Python
pytorch使用指定GPU训练的实例
2019/08/19 Python
修改Pandas的行或列的名字(重命名)
2019/12/18 Python
python 监控logcat关键字功能
2020/09/04 Python
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
大专生自我鉴定怎么写
2014/09/16 职场文书
安全承诺书格式范本
2015/04/28 职场文书
庆祝教师节主持词
2015/07/06 职场文书
严以修身专题学习研讨会发言材料
2015/11/09 职场文书
小学语文继续教育研修日志
2015/11/13 职场文书
梳理总结Python开发中需要摒弃的18个坏习惯
2022/01/22 Python