uniapp实现返回顶部

利用现金返还或返现应用，购物后直接返回一部分金额。 #生活知识# #生活妙招# #节省生活成本妙法# #购物节省指南#

应用场景

在uniapp中文章页或者长列表页实现返回顶部的效果。

实现代码

<template> <view class="news_detail_container"> <view class='back_btn' v-show="showBack" @tap="handleTop"> <img class="back_icon" src="../../static//icons/top.png" alt=""> </view> </view> </template> <script> export default { data() { return { showBack: false } }, methods: { handleTop() { uni.pageScrollTo({ scrollTop: 0, duration: 300 }); }, }, // 页面滚动距离超过100才显示返回顶部的按钮 onPageScroll(e){ this.showBack=e.scrollTop>100 } } </script> <style> .back_icon { width: 68rpx; height: 68rpx; } .back_btn{ position: fixed; bottom: 200rpx; right: 30rpx; } </style>

0

0

posted @ 2024-03-18 17:45  南无、  阅读(1422)  评论()    收藏  举报

网址：uniapp实现返回顶部 https://klqsh.com/news/view/273612

相关内容

uniapp三端社区社交圈子小程序的搭建与功能/打造专属您的社交圈，圈子社交app前端+后端源码/社交兴趣圈子
系统界面实现及介绍
现代网红生活的真实与虚幻——石一枫《一日顶流》深度书评
10部顶级治愈系电影推荐，看完让焦虑清零
实现你的梦想：顶级励志书籍和日记
3000买号上线官方返500？玩家：玩了一会现在返1500了
震撼！20位短剧顶流红毯真实颜值大揭秘
淘粉吧返利网首页详解攻略
俄一女子蹦极后返回起跳点自拍时不慎坠亡：最后画面曝光
王青鹿晗同框引回忆杀，青宇组合昔日顶流风采再现

随便看看