微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码

具体代码如下所示：

// 1.scroll-y="true" y轴滚动 
// 2.应该是设置了高才能行
// 3.使用scroll-top属性实现滚动到底部,scroll-top不要带单位
<scroll-view scroll-y="true" style="height:{{height-50}}px;" scroll-top="{{scrolltop}}">
 <block wx:for="{{recordlist}}" wx:key="item.id">
 <view>
 <text>{{item.text}}</text>
 </view
 </block>
</scroll-view>

page({
 data: {
 // 列表
 recordlist：'',
 height: '',
 scrolltop: 0
 },
 onload: function (options) {
 // 获取当前窗口的高度
 var height = wx.getsysteminfosync().windowheight;
 // 下面的是我封装的一个http请求
 app.httpservice.getreturnvisitrecordlist(options.id).then(res => {
 //res 是请求成功后返回的数据
  if (res.data.code === 0) {
  var length = res.data.data.length
  that.setdata({
  // 将获取的list赋值给recordlist
   'recordlist': res.data.data,
   // 1.计算页面上每一个item的标签的高
   // 2.用数组的获取的list的长度*每个item标签的高度（400是我目测的，说白了就是瞎写的，反正肯定比每个item的高度高，只要够高就行。）
   'scrolltop': length * 400
  })
  }
 })
 }
})

总结

以上所述是小编给大家介绍的微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码，希望对大家有所帮助