关于window.pageYOffset和document.documentElement.scrollTop
更新时间：2011年04月05日 21:59:21 作者：
window.pageYOffset：Netscape属性，指的是滚动条顶部到网页顶部的距离
举个例子：
Css:假定进行如下简单设置；
html{height:1000px;}
JS：
function(){
window.scrollBy(0,100);
alert(window.pageYOffset);
}
Results:
//点击一次后弹出：100;得出的是一个数值，read-only属性；value：Integer(整数)，default:0;
附注：当滚动条到达页面最底部时，window.pageYOffset=1000-document.documentElement.clientHeight;
Css:假定进行如下简单设置；
html{height:1000px;}
JS：
复制代码 代码如下:
function(){
window.scrollBy(0,100);
alert(window.pageYOffset);
}
Results:
//点击一次后弹出：100;得出的是一个数值，read-only属性；value：Integer(整数)，default:0;
附注：当滚动条到达页面最底部时，window.pageYOffset=1000-document.documentElement.clientHeight;
您可能感兴趣的文章:
- top、clientTop、scrollTop、offsetTop
- scrollTop 用法说明
- jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
- js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
- js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
- 关于scrollLeft,scrollTop的浏览器兼容性测试
- jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
- javascript scrollTop正解使用方法
- jQuery动画效果animate和scrollTop结合使用实例
- JS中完美兼容各大浏览器的scrolltop方法
相关文章
这篇文章主要为大家详细介绍了微信小程序自定义底部弹出框动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要介绍了JS简单计算器的实现方法,以加法实例分析了js实现计算功能的技巧,需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了微信小程序实现收货地址左滑删除，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要为大家介绍了如何利用JS实现一个小型编译器，文中的示例代码讲解详细，对我们学习或工作有一定的参考价值，需要的可以参考一下2022-04-04
这篇文章主要介绍了js基于cookie记录来宾姓名的方法,涉及javascript使用cookie针对方可信息的存储与读取显示相关技巧,需要的朋友可以参考下2016-07-07
这篇文章主要为大家详细介绍了移动端点击图片放大特效PhotoSwipe.js插件实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了微信小程序实现获取准确的腾讯定位地址功能,结合实例形式详细分析了微信小程序使用腾讯地理位置接口的相关注册、操作步骤及接口使用技巧,需要的朋友可以参考下2019-03-03
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
今天给大家介绍的文章是js实现的解压缩插件zip.js，非常的简单实用，有需要的小伙伴可以参考下。2015-12-12
uview-plus是uni-app全面兼容nvue的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,下面这篇文章主要给大家介绍了关于uniapp使用第三方UI库uview-plus的方法,需要的朋友可以参考下2023-04-04
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
本文给大家分享一段js轮播图和自定义滚动条的代码片段，布局和样式小编没给大家多介绍，大家可以根据个人需求优化，具体实现代码，大家可以参考下面代码片段2016-10-10
最新评论