想给目的地页的返回顶部按钮添加过渡效果,能实现吗?

想给目的地页的返回顶部按钮添加过渡效果,能实现吗?

目的地页在滑动到一定高度时,就会出现返回顶部按钮​,这个按钮箱添加一个过渡效果,能否实现?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,可以通过opacity属性实现,示例:

去掉backtop-hidden 类名

http://img1.sycdn.imooc.com//climg/60ac9fff09118d7d06750247.jpg

添加opacity 属性

http://img1.sycdn.imooc.com//climg/60aca03109c3526906400347.jpg

components/backtop/index.js

http://img1.sycdn.imooc.com//climg/60aca0a609f46d1b05470390.jpg

祝学习愉快~

好帮手慕言 2021-05-25 13:45:19

同学你好,老师在课程中已经实现这个效果了,3-12和4-7讲解的都是返回顶部组件,同学可以再回顾下

http://img1.sycdn.imooc.com//climg/60ac8ec009bb286603420703.jpg

祝学习愉快~

  • 提问者 leepulse #1

    按钮显示的过渡效果没有实现哦


    2021-05-25 14:15:38
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师