关于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-09-09
这篇文章主要介绍了用js传递value默认值的简单实现,很简单但比较实用，需要的朋友可以参考下2014-09-09
Javascript中关于Array.filter()的妙用详解
大家应该都知道filter是Javascript中Array常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。下面这篇文章就给大家介绍了关于Javascript中Array.filter()的妙用，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-12-12
javascript应用：Iframe自适应其加载的内容高度
javascript应用：Iframe自适应其加载的内容高度...2007-04-04
JavaScript+Canvas创建一个独特的字符画生成器
这篇文章主要介绍了如何使用 Canvas 和 JavaScript 创建一个独特的字符画生成器,通过此生成器,我们可以将图片转换为由字符构成的作品,感兴趣的可以了解下2024-01-01
JavaScript Event学习第十章 一些可替换的事件对
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用，我们对于像mouseover和click这样的事件做一些处理，同样的，对于非鼠标事件也同样的要我们的脚本执行。2010-02-02
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
这篇文章主要介绍了微信小程序MUI导航栏透明渐变功能,结合实例形式分析了通过改变rgba的a值实现透明度渐变功能的相关操作技巧,需要的朋友可以参考下2019-01-01
这篇文章主要介绍了微信小程序传值以及获取值方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了JavaScript面向对象程序设计中对象的定义和继承,结合实例形式详细分析了javascript面向对象程序设计中对象定义、继承、属性、方法、深拷贝等相关概念与操作技巧,需要的朋友可以参考下2019-07-07
下面小编就为大家带来一篇基于javascript中的typeof和类型判断(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
最新评论