JS高级使用3.0——JS中获取页面的高度、距离顶部的距离
    		       		warning:
    		            这篇文章距离上次修改已过442天,其中的内容可能已经有所变动。
    		        
        		                
                在JavaScript中,获取页面的高度和距离页面顶部的距离可以通过window对象的属性来实现。以下是获取页面高度和距离顶部距离的代码示例:
// 获取页面的整体高度
var pageHeight = document.documentElement.scrollHeight;
 
// 获取当前滚动条距离顶部的距离
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
 
console.log('页面总高度:', pageHeight);
console.log('距离顶部距离:', scrollTop);这段代码首先获取了页面的总高度,然后获取了用户滚动的距离。它考虑了不同浏览器对window.pageYOffset的支持情况,首选window.pageYOffset,如果不支持,则尝试documentElement.scrollTop,最后尝试document.body.scrollTop。
评论已关闭