离子手风琴回流焊
Ionic Accordion Reflow
我正在使用来自 here 的 Ionic Accordion List 并且屏幕高度有问题(这个官方示例也有这个问题),当你打开 accordion 时,屏幕高度与以前相同例如,当它关闭时,因此当您尝试滚动时它不会进一步向下移动。
如果您第二次尝试滚动,通常会成功,但有时您需要触摸并拖动特定区域才能滚动。
<ion-list>
<div ng-repeat="group in groups">
<ion-item class="item-stable"
ng-click="toggleGroup(group)"
ng-class="{active: isGroupShown(group)}">
<i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i>
Group {{group.name}}
</ion-item>
<ion-item class="item-accordion"
ng-repeat="item in group.items"
ng-show="isGroupShown(group)">
{{item}}
</ion-item>
</div>
</ion-list>
已经很长时间了,不确定您是否已经解决了这个问题。
根据我的理解,我认为触发 resize 事件有一些延迟。
不确定永久解决方案,但暂时我们有 $ionicScrollDelegate.resize()
调用。
我希望这对你有用,如果有错请告诉我。如果您找到解决此问题的任何替代解决方案,也请分享。
我遇到了类似的手风琴回流问题,并且能够通过在手风琴切换 (show/hide) 函数中调用 $ionicScrollDelegate.resize() 来解决同样的问题。
我正在使用来自 here 的 Ionic Accordion List 并且屏幕高度有问题(这个官方示例也有这个问题),当你打开 accordion 时,屏幕高度与以前相同例如,当它关闭时,因此当您尝试滚动时它不会进一步向下移动。 如果您第二次尝试滚动,通常会成功,但有时您需要触摸并拖动特定区域才能滚动。
<ion-list>
<div ng-repeat="group in groups">
<ion-item class="item-stable"
ng-click="toggleGroup(group)"
ng-class="{active: isGroupShown(group)}">
<i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i>
Group {{group.name}}
</ion-item>
<ion-item class="item-accordion"
ng-repeat="item in group.items"
ng-show="isGroupShown(group)">
{{item}}
</ion-item>
</div>
</ion-list>
已经很长时间了,不确定您是否已经解决了这个问题。 根据我的理解,我认为触发 resize 事件有一些延迟。
不确定永久解决方案,但暂时我们有 $ionicScrollDelegate.resize()
调用。
我希望这对你有用,如果有错请告诉我。如果您找到解决此问题的任何替代解决方案,也请分享。
我遇到了类似的手风琴回流问题,并且能够通过在手风琴切换 (show/hide) 函数中调用 $ionicScrollDelegate.resize() 来解决同样的问题。