最近在做页面滚动相关的效果,用到了一下相关的函数再此做个记录加深记忆
// 获取滚动条当前的位置
getScrollTop() {
let scrollTop = 0;
if (document.documentElement && document.documentElement.scrollTop) {
scrollTop = document.documentElement.scrollTop;
} else if (this.$refs.box) {
scrollTop = this.$refs.box.scrollTop;
}
return scrollTop;
},
// 获取当前可视范围的高度
getClientHeight() {
let clientHeight = 0;
if (document.body.clientHeight && document.documentElement.clientHeight) {
clientHeight = Math.min(
document.body.clientHeight,
document.documentElement.clientHeight
);
} else {
clientHeight = Math.max(
document.body.clientHeight,
document.documentElement.clientHeight
);
}
return clientHeight;
},
// 获取文档完整的高度
getScrollHeight() {
return Math.max(
document.getElementById("indexContent").scrollHeight,
document.documentElement.scrollHeight
);
},