微信小程序添加元素时让滚动条保持在底部

开发微信小程序遇到需要动态渲染列表项,并让滚动条跟随内容的增加一直保持在最底部.

方法如下:

1. 在scroll-view元素最底部添加一个id=“scrollBottom” 的view标签,并设置高度1rpx(这个随意,越小越好)

   <view id="scrollBottom"> </view>
   

   
2. 在 scroll-view 中添加一个 scroll-into-view="{{ bottom }}"属性.
   
3. 上面两步操作过后,每次数据变化,需要在js中给bottom赋值

   this.setData({bottom: 'scrollBottom'}) //  如果是钩子函数或者请求callback函数中注意this指向
   

   
   参考文档