uni-app、百度小程序、微信小程序列表滚动回顶端

uni-app转百度小程序、转h5、转微信小程序关于列表向下滚动后切换tab后列表回顶端功能：主要方法（自动忽略其他事件，只关注在scrollTop）：<scroll-view class=“list” scroll-y=“true” :scroll-top=“scrollTop” @scrolltolower=“loadMore(idx)” @scroll=“scroll”&gt..

高神龙拒绝做个菜鸟

665人浏览 · 2019-11-29 18:14:58

高神龙拒绝做个菜鸟 · 2019-11-29 18:14:58 发布

uni-app转百度小程序、转h5、转微信小程序关于列表向下滚动后切换tab后列表回顶端功能：

主要方法（自动忽略其他事件，只关注在scrollTop）：
<scroll-view class=“list” scroll-y=“true” :scroll-top=“scrollTop” @scrolltolower=“loadMore(idx)” @scroll=“scroll”>

					<uni-media-list :options="newsItem" @close="dislike(idx, newsIndex)" @click="goDetail(newsItem)"></uni-media-list>
				</block>
				<view class="uni-tab-bar-loading">
					<view v-if="noData">
						<view class="noData-img"></view>
						<view>未查到结果</view>
					</view>
					<view v-if="!noData" class="loading-more">{{ loadingText }}</view>
				</view>

data{
scrollTop: 0, // 滚动高度
old: {
scrollTop: 0
},
}
goTop: function(e) {
this.scrollTop = this.old.scrollTop
this.$nextTick(function() {
this.scrollTop = 0
});
}