关于window.pageYOffset和document.documentElement.scrollTop
作者:
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方法