微信小程序一鍵置頂操作詳解：

• 第一種方式：采用scroll-view滾動視圖實現
• 第二種方式，直接用view實現

第一種方式：采用scroll-view滾動視圖實現

下面是代碼簡介：
wxml文件代碼展示：

js文件代碼展示：

data: { up_show: false, topNum: 0

},
// 獲取滾動條當前位置
scrolltoupper: function (e) {
console.log(e)
// 當滾動條位置 > 50 按鈕顯示
// 當滾動條位置 < 50 按鈕隱藏
if (e.detail.scrollTop > 50) {
this.setData({
up_show: true
});
} else {
this.setData({
up_show: false
});
}
},
//回到頂部
goTop: function (e) { // 一鍵回到頂部
this.setData({
// 設置topNum為0
topNum: this.data.topNum = 0
});
},

第二種方式，直接用view實現

代碼展示：
wxml文件：

js文件：



wxss文件：

總結

以上是生活随笔為你收集整理的微信小程序一键置顶操作详解：的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。