vue3中如何实现点击按钮动画返回顶部？

如题，返回顶部，并且滚动到某个高度，返回顶部的按钮才显示出来，老师，举个例子

leepulse 2021-11-11

源自：项目：仿京东到家首页开发 3-7 通过代码拆分增加逻辑可维护性

12

收起

1回答

好帮手慕久久 2021-11-11 15:11:02

同学你好，可以给元素绑定点击事件，在事件中实现返回顶部，以首页为例，可参考如下demo：

1、在Nearby组件中，增加数据，从而增加页面高度：

2、由于内容是在div.wrapper中滚动，所以滚动事件应该绑定在wrapper上：

祝学习愉快！

提问者 leepulse #1

为什么ref（）里要放null？

2021-11-11 15:17:43
好帮手慕久久回复提问者 leepulse #2

同学你好，属于固定写法，可以回顾一下之前的课程：
https://class.imooc.com/lesson/1873#mid=42096（10分58秒左右）
祝学习愉快！

2021-11-11 15:41:17
提问者 leepulse 回复好帮手慕久久 #3

老师写的返回顶部事件函数这里报错

2021-11-11 15:50:07

点开查看后面1条评论

相似问题

不定高，好像使用锚点返回不了顶部啊

回到顶部按钮效果不对，另外还有一个问题

返回顶部按钮为啥不能用do while实现

返回顶部

关于回到顶部

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7872 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

本课精华内容

问答作业

老师，我在xhr.send()出错了

92 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载