JS高级使用3.0——JS中获取页面的高度、距离顶部的距离
在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
。
评论已关闭