it works in overall performance as only 3 slides are renderred, but every time i perform a slide, there’s a slight jerk, so looking for a better solution
No this doesn’t help. Every time I slide, it stops in the middle of a slide for a half second before finishing a slide. It looks like it does too much reflowing/re-calculation between slides
I think I just need to come up with solution where I can show less slides. Currently I have 300+ slides, so even a simple calculation makes transition choke a little bit… Also I think on-slide-change event is firing in the middle of transition, maybe I should bind to webkit transition complete…
I tired ng-if solution, it works, but because on-slide-changed is called in the middle of transition, then it is a bit jerky in the middle of slide while recalculating which item to display
I tried @zarko solution where you only display 3 slides, and have does-continue and then update next object in array after each scroll. The problem here is that it is not updated unless you do $scope.$apply() and ionicslideboxdelegate.update() which re-renders and re-positions items resulting in a quick flickering.
i think both of those issues are due to on-slide-changed is fired in the middle of transition, so I am thinking to listen for webkit transition complete event to do logic in there…