Scrolling with Mac

[Calmitude]

I'm building an application using ParamQuery for a company that uses Mac's. When they scroll in the grid by using either the trackpad or the Mac mouse wheel, the scrolling is very bad (it scrolls a little then stops, then goes up a little more and so on). With any other mouse, the scrolling is fine.
I'm at a loss why... any ideas?

[Calmitude]

Solving this is crucial for user experience, so would really appreciate some help.

[paramvir]

Did you check it with both virtual and non-virtual modes i.e., virtualX and virtualY option values ( true/ false)

[Calmitude]

VirtualY: false indeed fixes it, but I need to work with hundreds of rows so it seems necessary.
Whenever bad scrolling happens, the whole page scrolls as well, which is almost surely linked.

[paramvir]

Would it work to disable the wheel scrolling until we found the fix to it.

[Calmitude]

My application is going to be released in a few days (public on Monday), so I'd appreciate any hack that would solve the issue. Although I use a Mac, my mouse is not a Mac mouse, which is why it took so much time for the issue to be found.

[paramvir]

Please check these 2 jsfiddles for wheel scrolling on Mac,

http://jsfiddle.net/paramquery/xx1p0npu/

and

http://jsfiddle.net/paramquery/v2wuyuzp/

and let me know the outcome and the console log.

[Calmitude]

Thanks for the fast response!

The first jsfiddle works perfectly for me, while the second works better than the current situation although it performs worse than the second one (more screen jumping).
When implemented, the first solution massively improves the situation although when scrolling a little fast the whole screen jumps.
Here's the log:

raw num is  0.1
normalized num is  1
raw num is  10.641666666666667
normalized num is  1
raw num is  3.975
normalized num is  1
raw num is  -6.85
normalized num is  -1
raw num is  -5.05
normalized num is  -1
raw num is  9.9
normalized num is  1
raw num is  -7.95
normalized num is  -1
raw num is  -12.1
normalized num is  -1
raw num is  -3.45
normalized num is  -1
raw num is  -0.025
normalized num is  -1
raw num is  -11.375
normalized num is  -1
raw num is  -8.625
normalized num is  -1
raw num is  7.45
normalized num is  1
raw num is  12.466666666666667
normalized num is  1
raw num is  2.2
normalized num is  1
raw num is  0.15
normalized num is  1
raw num is  8.8
normalized num is  1
raw num is  3.35
normalized num is  1
raw num is  2.625
normalized num is  1
raw num is  0.125
normalized num is  1
raw num is  6.775
normalized num is  1
raw num is  8.825
normalized num is  1
raw num is  1.75
normalized num is  1
raw num is  0.1
normalized num is  1
raw num is  5.475
normalized num is  1
raw num is  6.6
normalized num is  1
raw num is  0.175
normalized num is  1
raw num is  0.075
normalized num is  1
raw num is  0.025
normalized num is  1
raw num is  0.025
normalized num is  1
raw num is  0.025
normalized num is  1
raw num is  -0.025
normalized num is  -1
raw num is  -8.141666666666667
normalized num is  -1
raw num is  -17.125
normalized num is  -1
raw num is  -4.15
normalized num is  -1
raw num is  -0.025
normalized num is  -1
raw num is  -10.775
normalized num is  -1
raw num is  -4.9
normalized num is  -1
raw num is  -3.975
normalized num is  -1

[paramvir]

virtualY is false for first jsfiddle while virtualY is true for 2nd jsfiddle.

From your message it seems that 1st jsfiddle is better than your implementation with virtualY: false, but the screen jumping is still there when you scroll quite fast. Is that right?

I'm not clear from your message about the 2nd jsfiddle. Is it better or worse than your implementation with virtualY: true?

Could you please also provide the console log for 2nd jsfiddle. Please try to mark / include the log where the situation is problematic i.e., screen shaking.