微信小程序 - scroll-view的scroll-into-view屬性 - 在頁面打開后滾動到指定的項



需求: 這是一個可橫向滾動的導航條,現在要求我,從別的頁面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
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM