小程序可以用wx.pageScrollTo({ scrollTop: 0 })
实现回到页面顶部,也可以用wx.pageScrollTo({ scrollTop: 99999})
实现滚动到页面最底部
1.效果图:
按钮原处于页面底部,点击后出现橙色块内容,并且橙色块内容自动顶上去
2、实现
addDiv () {
this.theDiv = true
setTimeout(function () {
wx.pageScrollTo({
scrollTop: 99999,
complete (co) {
console.log(co)
}
})
}, 100)
},
先让橙色块内容出现,然后再设置wx.pageScrollTo()
,两者需要有先后顺序所有用setTimeout实现。
3.拓展
实现滚动到最底部用的还是wx.pageScrollTo()
,有属性selector滚动到指定的锚点,用选择器指示滚动到选择的地点。