離子內容長度的變化導致滾動條未被更新

Question

我的Ionic1應用程序顯示可以摺疊/展開的項目列表，因此當元素展開時內容的垂直長度會顯着增加（我這樣做的方式是通過ng-show指令）。

我的問題是，當發生這種情況時，我無法向下滾動查看新內容。實際上，如果我從底部到頂部拖動手指，我可以看到新內容出現在底部，但只要釋放手指，彈性就會帶回內容的頂部。

然而，奇怪的是，幾秒鐘後，滾動機制被正確更新，我可以正常滾動。

它看起來像Ionic框架需要一些時間來弄清楚內容長度已經改變並且需要滾動機制中的一些更新......我想在需要時立即告訴他。我嘗試從Expand按鈕的onClick回調中調用$ apply，但是我收到一個錯誤，說我已經處於摘要循環中。

有什麼線索可以解決這個問題嗎？非常感謝！

Answer 1

您可以避免使用$ apply方法，因爲每個$ scope。$ apply都會在頁面中重新綁定。所以你可以按照離子滾動的概念。 ionic scroll

Answer 2

謝謝！這幫助我解決了這個問題，每當某個項目被摺疊/展開時，通過添加對$ionicScrollDelegate.resize()的調用。

你可以利用這個小提琴檢查問題：快速擴展團體7/8/9，並嘗試向下滾動： http://jsfiddle.net/shengoo/6b0y3tar/