title: Sortablejs auto-scroll speed according to distance from edge
body: <p>The auto-scroll of sortablejs feels like it barely works. Sometimes it lags. I'm working on an app that needs a smooth scroll similar to how it works in react-beautiful-dnd. It starts scrolling slowly when you go close to the edge and it speeds up as you go even closer to the edge. It feels so natural.</p>
  <p>Here's how we want it to work and then how sortablejs currently works</p>
  <p><strong>react-beautiful-dnd</strong></p>
  <p><img src="https://user-images.githubusercontent.com/31810947/95006611-46ba3900-0628-11eb-895d-4dc9d84dcb44.gif" alt="react-beautiful-dnd-scroll" /></p>
  <p><strong>sortablejs</strong></p>
  <p><img src="https://user-images.githubusercontent.com/31810947/95006614-4ae65680-0628-11eb-9067-16a605e909f4.gif" alt="sortablejs-scroll" /></p>
  <p>I moved from react-beautiful-dnd to sortablejs because it doesn't support a tree-like nested list. But the auto-scroll of sortablejs just isn't something we can deploy to users because it feels so buggy that it feels like it barely works and it makes the whole UX looks so bad. So I'm literally stuck like many users of sortablejs who submitted issues regarding the auto-scroll.</p>
  <h2>If you know how to achieve this or know a different library that has both good scroll and nested/tree-like structure support please do suggest.</h2>
  here's a clean and simple codesandbox to test the scroll
  <p><a href="https://codesandbox.io/s/vanilla-sortablejs-scroll-test-fmch4" rel="nofollow noreferrer">https://codesandbox.io/s/vanilla-sortablejs-scroll-test-fmch4</a></p>