要获取当前页面的滚动条纵坐标位置,用:
document.documentElement.scrollTop;
而不是:
document.body.scrollTop;
documentElement 对应的是 html 标签,而 body 对应的是 body 标签。
(整个html文档-->根元素--->上滚动距离,就是 向上滚出屏幕的页面的那段高度)
//例子,固定右边导航栏,移动到一定距离消失。
window.οnscrοll=move;
var box2=document.getElementById('box2');
var box3=document.getElementById('box3');
function move(){
var scrollT=document.documentElement.scrollTop;
// console.log(scrollT)
if(scrollT>=box2.offsetTop){
box3.style.display="none";
}else{
box3.style.display="block";
}
}