let _this = this;
window.onscroll = function () {
// 变量scrollTop是滚动条滚动时,距离顶部的距离
// var scrollTop = document.documentElement.scrollTop;
// 解决浏览器兼容问题
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; ;
// console.log(scrollTop);
if (scrollTop > 480) {
// console.log((_this.displayBlock = true));
_this.displayBlock = true;
} else {
_this.displayBlock = false;
}
//变量windowHeight是可视区的高度
var windowHeight =
document.documentElement.clientHeight || document.body.clientHeight;
//变量scrollHeight是滚动条的总高度
var scrollHeight =
document.documentElement.scrollHeight || document.body.scrollHeight;
// console.log(scrollHeight);
//滚动条到底部的条件
if (parseInt(scrollTop + windowHeight) == scrollHeight) {
console.log("到了底部")
}
}
};
页面滚动到底部的距离
最新推荐文章于 2024-04-10 17:49:14 发布