To enable auto-scrolling when a Draggable is dragged within 40px of an edge of a scrollable container, set autoScroll to a non-zero value, where 1 is normal speed, 2 is double-speed, etc. (you can use any number). For a more intuitive/natural feel, it will scroll faster as the mouse/touch gets closer to the edge. The default value is 0 (no auto-scrolling).
To enable auto-scrolling when a Draggable is dragged within 40px of an edge of a scrollable container, set autoScroll to a non-zero value, where 1 is normal speed, 2 is double-speed, etc. (you can use any number). For a more intuitive/natural feel, it will scroll faster as the mouse/touch gets closer to the edge. The default value is 0 (no auto-scrolling).
See the Pen SVG + CSS Transform Timeline by GreenSock (@GreenSock) on CodePen.
Jeff Batt, @jeffbatt01
Petr Tichy
Paul Lewis, @aerotwist
Tim Jaramillo
John Polacek
John Polacek
Tim Jaramillo
Robert Anthony
Thomas Summerall
Copy/paste this code into your HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
By using GreenSock code, you agree to the terms of use.
