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程序设计有所帮助。

相关文章

  • javascript实现rgb颜色转换成16进制格式

    javascript实现rgb颜色转换成16进制格式

    本文给大家分享的是使用javascript实现rgb颜色转换成16进制格式的方法和示例代码,有需要的小伙伴可以参考下。
    2015-07-07
  • 开启Javascript中apply、call、bind的用法之旅模式

    开启Javascript中apply、call、bind的用法之旅模式

    在Javascript中,Function是一种对象。Function对象中的this指向决定于函数被调用的方式,使用apply,call 与 bind 均可以改变函数对象中this的指向。
    2015-10-10
  • 原生js写的放大镜效果

    原生js写的放大镜效果

    在淘宝上购物时,总会看到类似放大镜的效果。以下为原生js写的一个放大镜效果,其中肯定有很多不足,请大牛们指正,谢啦
    2012-08-08
  • 微信开发之企业付款到银行卡接口开发的示例代码

    微信开发之企业付款到银行卡接口开发的示例代码

    这篇文章主要介绍了微信开发之企业付款到银行卡接口开发的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • JS实现利用闭包判断Dom元素和滚动条的方向示例

    JS实现利用闭包判断Dom元素和滚动条的方向示例

    这篇文章主要介绍了JS实现利用闭包判断Dom元素和滚动条的方向,涉及javascript闭包、事件响应及页面元素属性动态操作相关使用技巧,需要的朋友可以参考下
    2019-08-08
  • 深入了解Javascript的事件循环机制

    深入了解Javascript的事件循环机制

    单线程的同步等待极大影响效率,任务不得不一个一个等待执行,对于网页应用是无法接受的。所以Javascript使用事件循环机制来解决异步任务的问题。本文就来讲讲Javascript的事件循环机制,希望对你有所帮助
    2022-09-09
  • JavaScript 上传文件限制参数案例详解

    JavaScript 上传文件限制参数案例详解

    这篇文章主要介绍了JavaScript 上传文件限制参数案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • 利用js实现禁止复制文本信息

    利用js实现禁止复制文本信息

    本文主要是通过javascript实现禁止浏览器中复制文本内容的方法,十分的简单,而且兼容IE和FF,有需要的小伙伴可以参考下
    2015-06-06
  • webpack优化的深入理解

    webpack优化的深入理解

    这篇文章主要给大家介绍了关于webpack优化的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12
  • JS按条件 serialize() 对应标签的使用方法

    JS按条件 serialize() 对应标签的使用方法

    serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。下面通过本文给大家介绍JS按条件 serialize() 对应标签的相关知识,感兴趣的的朋友一起看看吧
    2017-07-07

最新评论