如何用vue3实现当滚动条滚动到一些距离后才实现固定模块呢？

首页课程实战体系课手记专栏慕课教程

来源：2-5 v-on指令

蒋昌魁

2022-04-05 16:30:26

如图，如何用vue实现让这个固定模块在一开始的时候不出现，等滚动条滚动了700像素后再显示这个模块的功能呢？如何监听滚动条事件呢？

写回答

1回答

好帮手慕小小

2022-04-06

同学你好，建议使用addEventListener('scroll',this.handleScroll) 来监听滚动条事件，然后在handleScroll方法中书写具体的逻辑代码。

mounted(){
　　window.addEventListener('scroll',this.handleScroll) //监听滚动事件，然后用handleScroll这个方法进行相应的处理
},
methoods: {
	handleScroll() {
		//根据实际需求编写滚动事件
	}
}

祝学习愉快~

0 学习 · 9886 问题

查看课程

相似问题

按照课程中的代码，如果删除了最后一个（id=5）用户后，再添加用户id仍然是5，就不符合“删除的ID不再用了”这个逻辑了呢

回答 1

我想从后端转前端

回答 5

回答 1

老师我是真没明白，为什么我这个点击“编辑”，数据没有到添加用户哪一列中

回答 1

打开慕课网App查看更多内容