小程序里如何使页面自动滚动到底部()
原链接: https://segmentfault.com/q/1010000012493589
在更新数据后,以及初次进入页面,希望页面停留在最底部;
因为内容中有video,不能使用scroll-view来实现,看页面有监听滚动的函数,但没有控制滚动的,那么,怎样可以实现呢?
// 获取容器高度,使页面滚动到容器底部
pageScrollToBottom: function() {
wx.createSelectorQuery().select('#j_page').boundingClientRect(function(rect){
// 使页面滚动到底部
wx.pageScrollTo({
scrollTop: rect.bottom
})
}).exec()
},
j_page为页面容器的id
使用rect.bottom, rect.height均能达到滚动到底部的效果
在数据更新后(setData回调函数)使用
相关api文档:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/scroll.html
【小程序里如何使页面自动滚动到底部()】https://mp.weixin.qq.com/debug/wxadoc/dev/api/wxml-nodes-info.html#nodesrefboundingclientrectcallback
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 你到家了吗
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 闲杂“细雨”
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 村里的故事|村里的故事 --赵大头
- 基于微信小程序带后端ssm接口小区物业管理平台设计