微信小程序一键置顶操作详解：

第一种方式：采用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文件：