时间:2021-05-25
举个例子:
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;
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
炫酷的返回顶部功能js核心代码window.onscroll=function(){vart=document.documentElement.scrollTo
复制代码代码如下:varViewport={top:function(){returnwindow.pageYOffset||document.document
复制代码代码如下:varbody=document.body;varhtml=document.documentElement;vardiv=document.
窗口可视区域宽度:document.documentElement.clientWidth||document.body.clientWidth;窗口可视区域高
复制代码代码如下://得到页面高度varyScroll=(document.documentElement.scrollHeight>document.docu