Hi Guys,
Let me start by saying Im extremely new to animation and jQuery in general but the GSAP library is VERY easy to use and I'm thoroughly enjoying fooling around with it.
I have bound an on click event listener to a button that fades out some elements and fades in afew others once clicked ofcourse. This works as expected. However, whenever i click the button, it automatically scrolls back to the top of the window.
Code for the button is as follows:
button.on('click',function() {
TweenLite.to([circle1, pbxContent], 1, {opacity: "1"});
TweenLite.to([circle1, pbxContent], 1, {display: "block"});
TweenLite.to([button, pbxCloud, pbxClouds1, pbxClouds2, pbxPhone, pbxDrives, pbxCable, pbxAnimContent], 1, {opacity: "0", display: "none"});
TweenLite.to(pbxCloud, 1, {left: "-300px", top: "110px"});
TweenLite.to(pbxClouds1, 1, {left: "-500px", top: "100px"});
TweenLite.to(pbxClouds2, 1, {left: "-230px", top: "70px"});
TweenLite.to(pbxPhone, 1, { left: "-50px", top: "-220px"});
TweenLite.to(pbxDrives, 1, {left: "-410px", top: "20px"});
TweenLite.to(pbxCable, 1, {left: "36px", top: "-120px"});
TweenLite.to(pbxAnimContent, 1, {left: "-360px", top: "-200px"});
})
Any help would be greatly appreciated
Keep up the good work!!
Regards,
InboundZA
