组件增加和销毁滚动事件

最新推荐文章于 2023-06-29 20:56:46 发布

奚大野...

最新推荐文章于 2023-06-29 20:56:46 发布

阅读量190

点赞数

分类专栏： javascript 文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/qq_41752378/article/details/129522254

版权

javascript 专栏收录该内容

30 篇文章 2 订阅

订阅专栏

//组件加载完后增加滚动事件
mounted(){
	this.$refs.dataContent.addEventListener('scroll',_this.getScroll);
}
//组件销毁前删除滚动事件
beforeDestroy(){
	this.$refs.dataContent.removeEventListener('scroll', _this.getScroll);
}

let nDivHigh = $('#dataContent').height();  //当前高度
let nScrollHight = $('#dataContent')[0].scrollHeight;  //div的高度
let nScrollTop = $('#dataContent')[0].scrollTop;  //滚动条滚动的高度

let zong = Math.ceil(nScrollTop + nDivHigh);
if(zong >= nScrollHight){
	//开始懒加载运行方法
}