nodeschool/montreal

Scrolling sluggish on mobile

ajmas opened this issue · 1 comments

ajmas commented

I am finding that swiping up and down on a mobile device can be sluggish. That is it scrolls smoothly and then in certain sections feel as if we suddenly walked into mud.

Observed:

  • iPhone 7+
  • iPad Air
xdrdak commented

Gonna pick this one up since I think I drilled down the issue.

The problem is with the body having an overflow-x hidden, which messes up how the scrolling mechanic works in ios.

Removing overflow on the body will enable smooth scrolling, however I know there will be an x-axis scroll that is activated. The reason for that is because of the mailing list has a calculated width that is larger than the parent container. Solution for this: remove the calc, set width to 100% and remove the negative margin compensation.

I'll take care of this by tonight or something.