js获取滚动距离的方法

 更新时间:2015年05月30日 12:48:16   作者:不吃皮蛋  
这篇文章主要介绍了js获取滚动距离的方法,涉及javascript针对页面滚动条的相关操作技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • js 翻转颜色实现代码

    js 翻转颜色实现代码

    将#ffffff转换成rgb(0,0,0)格式的颜色代码,需要的朋友可以参考下。
    2010-03-03
  • 详解javascript对数组和json数组的操作

    详解javascript对数组和json数组的操作

    这篇文章主要介绍了javascript对数组和json数组的操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • javascript快速排序算法详解

    javascript快速排序算法详解

    JavaScript实现的常见排序算法有:冒泡排序,选择排序,插入排序,谢尔排序,快速排序(递归),快速排序(堆栈),归并排序,堆排序。今天我们来详细分析下快速排序算法
    2014-09-09
  • Js控制弹窗实现在任意分辨率下居中显示

    Js控制弹窗实现在任意分辨率下居中显示

    弹窗居中比较烦人的是怎么才能在任意分辨率下实现居中显示,为了解决此问题,本文测试了一下案例在此与大家分享,有类似需求的朋友可以学习下
    2013-08-08
  • uniapp路由uni-simple-router实例详解

    uniapp路由uni-simple-router实例详解

    uni-simple-router专为uniapp打造的路由器,和uniapp深度集成,这篇文章主要给大家介绍了关于uniapp路由uni-simple-router的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • javascript每日必学之运算符

    javascript每日必学之运算符

    javascript每日必学之运算符,javscript的逻辑中的正序,分支,循环以及一些简单的运算符,想要成为javascript大神的朋友不要错过,阅读一下
    2016-02-02
  • 一起盘点JavaScript中一些强大的运算符

    一起盘点JavaScript中一些强大的运算符

    javascript中的运算符大多由标点符号表示,少数由关键字表示,它们的语法言简意赅,它们的数量却着实不少,下面这篇文章主要给大家介绍了关于JavaScript中一些强大的运算符的相关资料,需要的朋友可以参考下
    2021-11-11
  • js检查页面上有无重复id的实现代码

    js检查页面上有无重复id的实现代码

    有时候我们需要检查一个页面上是否用重复的id,一般id都是唯一的,也方便控制,那么就可以参考下面的代码
    2013-07-07
  • js中的异步获取到的数据到底能不能赋值给一个全局变量问题

    js中的异步获取到的数据到底能不能赋值给一个全局变量问题

    这篇文章主要介绍了js中的异步获取到的数据到底能不能赋值给一个全局变量问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • 学习javascript文件加载优化

    学习javascript文件加载优化

    这篇文章主要为大家详细介绍了javascript文件加载优化,三种方式实现js文件加载优化,感兴趣的小伙伴们可以参考一下
    2016-02-02

最新评论