wxml
<view class="container"> <scroll-view scroll-y='true' style="height:500rpx;background:#ccc"> <view class="item" wx:for="{{list}}"> <text>{{item.text}}</text> </view> </scroll-view> <button class='btn' bindtap="push" data-index="{{list.length}}">push</button></view> |
js
Page({ data: { list:[ { text: '我是01' }, {text: '我是02' }, {text: '我是03' }, {text: '我是04' }, {text: '我是05' }, {text: '我是06' }, {text: '我是07' }, {text: '我是08' }, {text: '我是09' }, {text:'我是10'} ] }, push:function(e){ var index = e.target.dataset.index; var obj = {}; obj.text = '我是' + (index+1); this.data.list.push(obj); this.setData({ list: this.data.list }) }}) |
初始化狀態(tài)
點(diǎn)擊push追加，當(dāng)出現(xiàn)滾動(dòng)條時(shí)，如何讓滾動(dòng)條始終在最下面顯示最新內(nèi)容呢
網(wǎng)友回復(fù)：
Y***：
scroll-top="{{scrollTop}}"
scrollTop變量 通過(guò)計(jì)算算
人***：
scroll-view里面文檔的實(shí)際高度無(wú)法獲取啊，算不了
迷***：
scrollintoview，在最底部加個(gè)隱藏的或者高度很低的view，id叫scrollBottom，然后setData({scrollIntoView: 'scrollBottom'})就可以了
Y***：
設(shè)的非常大的直接 你試試 我做的是讓他保持在頂部 沒(méi)法試試你的問(wèn)題
人***：
scrollintoview 這個(gè)方法可以，謝謝各位，已解決
人***：系統(tǒng)記錄
