需求: 這是一個可橫向滾動的導航條,現在要求我,從別的頁面reLaunch回到首頁這里,刷新頁面內容的同時,菜單項要滾動出來
(如果該菜單項不在可視區域),而不是讓他被擋住。
代碼:
<scroll-view class="nav-scroll" scroll-x="{{true}}" nenable-flex="{{true}}"
scroll-into-view="{{toView}}" scroll-with-animation="{{true}}">
<view bindtap="changeCategory" wx:for="{{nav_menu}}" class="nav-tab"
data-index="{{index}}" id="cate{{index}}">
<text class="{{menu_active==index ? 'active' : ''}}">{{item.name}}</text>
<view wx:if="{{menu_active == index}}" class="tab-line"></view>
</view>
</scroll-view>
--------------------------------------------------------
that.setData({
nav_menu: res.data,
},()=>{
that.setData({
toView: 'cate' + that.data.menu_active
})
});
嘗試過在onLoad、onShow、onReady下重新賦值toView,但是始終不起作用。再后來...
幸虧看到了說數據(菜單列表)渲染未完成,導致打開頁面滾動指定位置失敗的原因,然后提供的辦法是
使用setData的回調,棒呆!!!
眾里尋解決辦法於百度,那答案卻在微信開放社區處...
https://developers.weixin.qq.com/community/develop/doc/0006e8383f4f906c4ac6fe01456804