This addresses all of the blurriness on scroll issues, e.g. #197
Up until now, the best solution I could find to this problem was to disable 3d transforms using the useTransform option. This forced the _translate method to round the coordinates. However, this came at the cost of moving the translation off of the HW. The resulting performance is horrendous on mobile devices.
By always rounding coordinates, we nullify the blurring problem without the performance hit of software animation.
Always round x and y coordinates when using translate
this slightly impacts on performance. I'd prefer to avoid it. Anyway all "end" positions are already rounded, when do you get the blurring?
And Math.round is a native code method, jsperf is showing over 27 Million ops per second for 2 rounding operations. The performance hit should be negligible, esp. compared to the performance gained by using HW accelleration.
Mac/Chrome 2.4 GHz Core i7 8 GB 1600 MGz DDR3
this is all about performance. 1 cpu cycle spared is a cpu cycle gained. I'd suggest adding the rounding on mousewheel only. I guess that happens on touchpads.
Revert "Always round x and y coordinates when using translate"
This reverts commit 9bdffd6.
Round x and y coordinates in mousewheel event
Ok, now we're rounding in _wheel only rather than in _translate
Is this good to merge? Would love to grab the latest code for my application.
a variant of this will be included in the next commit. thank you very much for your support!
fix #439 #488 #517 #428 #270 #520 #447 #452 #509