Smoother dragging
ihh opened this issue · comments
I'd like to understand why the dragging is so jerky but when you scroll using the scrollbars (or mouse wheel), it's perfectly smooth. Happens to a different extent in all browsers. I think it is because pure horizontal and vertical scrolling are optimized in browsers, but diagonal (simultaneous horizontal+vertical) is not, except perhaps for big single images: I think the combination of a layout with many divs and diagonal scrolling are defeating it. There are a few different strategies one could try, including e.g. rendering everything on a big canvas, or simpler measures to reduce the number of divs on the page. A bit hard to predict which would work, without doing experiments and more prototyping.
This note on layout thrashing could be relevant https://gist.github.com/paulirish/5d52fb081b3570c81e3a
Fixing scroll jank is the bane of a js perf engineers existence. Generally just profiling and careful stuff to make sure you get high FPS