關於微信小程序scroll-view動態綁定了scroll-top值,滑動會發生抖動的案例


   <scroll-view scroll-y
                  :scroll-top="scrollTop"
              style="height: 100%"
                enable-back-to-top="true" 
                scroll-with-animation
                 @scroll="scroll">
  </scroll-view>

下滑屏幕輸出scrollTop會發現其值在回退變小,導致視圖抖動:

 

 

 網上尋找的解決方法是去除綁定的scroll-top,刪除之后可以滑動,但是功能模塊需要綁定其值,作為返回頂部的功能雙向綁定值。所以我想尋找能夠保留scroll-top的值,又能不抖動的方法。

 

 

結論:結果是我理解錯了,滾動會自動綁定數值的變化我又再次賦值給了scrollTop,而且其值取值為-1,0,分別表示置頂以及滾動未置頂是的狀態。返回頂部的方法如下

 

 

 

 


免責聲明!

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



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