mui返回顶部的代码

最新推荐文章于 2022-10-15 09:23:25 发布

怡景轩

最新推荐文章于 2022-10-15 09:23:25 发布

阅读量325

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43608538/article/details/89556265

版权

博客内容展示了如何在基于Mui的项目中实现返回顶部功能。通过绑定ID `#videoList` 并调用 `pullRefresh().scrollTo(0, 0, 1000)` 方法，可以将滚动条平滑地移动到顶部。该代码片段适用于包含滑动块的页面，特别是在进行下拉刷新和上滑加载操作时，确保使用类名 `mui-scroll-wrapper` 来正确应用滚动行为。" 138132067,17165779,深度强化学习在城市规划中的应用实践,"['深度学习', '强化学习', '神经网络', '大数据', '人工智能', 'Python']

摘要由CSDN通过智能技术生成

<div class="mui-scroll-wrapper" id="videoList">
                   <div class="mui-scroll">
                       <div class="mui-row">
                           <template>
                               <div class="mui-card" v-for="item,index in list">
                                   <a href="javascript:;" @tap="toDetail(item.videoUuid,item.videoName)">
                                       <div class="mui-card-header" style="color: black;">视频名称：{ {item.videoName}}</div>
                                       <div class="mui-card-content"><img id="coverImg" :src="item.coverUrl"></div>
                                       <div class="mui-card-footer">主题：{