文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-587428.html
頁(yè)面
// 返回頂部
getTotop() {
uni.pageScrollTo({
scrollTop: 0,
duration: 100,
});
},
//滾動(dòng)監(jiān)聽(tīng)
onPageScroll(e) { //根據(jù)距離頂部距離是否顯示回到頂部按鈕
this.flag = e.scrollTop > 650;
// this.skuMaskInnerClass = "kr-animate animate-fast animate-fadeInUpBigGotop";
},scrollview
<scroll-view scroll-y="true" class="nft_info" @scrolltolower='scrolltolower' @scroll="getScroll"
:scroll-top="scrollTop">
<scroll-view>
getTotop() {
// this.scrolltops = 0;
//優(yōu)化版
this.scrollTop = this.oldScrollTop;
//當(dāng)視圖渲染結(jié)束 重新設(shè)置為0
this.$nextTick(() => {
this.scrollTop = 0
});
},
// scroll-view 觸發(fā)事件
getScroll(event) {
this.oldScrollTop = event.detail.scrollTop;
// this.scrolltops = event.target.scrollTop;
// if (event.target.scrollTop > 300) {
// this.isTotop = true;
// } else {
// this.isTotop = false;
// }
this.flag = event.target.scrollTop > 300;
},文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-587428.html
到了這里，關(guān)于uniapp中頁(yè)面和scrollview兩種滾動(dòng)到頂部原來(lái)這么優(yōu)雅的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
