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.
Chrysto Dimchev
Adam Alicki
Jan Paepke, @janpaepke
Lamin Sanneh
Elliot Geno, @ElliotGeno
James Stone, @mimeartist
LilaQ
John Polacek
Vic C., @puppetMaster3
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.
