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.
Robert Anthony
Lamin Sanneh
Vic C., @puppetMaster3
Jens Ahrengot Boddum
Elliot Geno, @ElliotGeno
John Polacek
John Polacek
Joseph Labrecque, @JosephLabrecque
James Stone, @mimeartist
Copy/paste this code into your HTML:
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.1/TweenMax.min.js"></script>
By using GreenSock code, you agree to the terms of use.
