Search the Community
Showing results for tags 'scrollmagic.js'.
Found 4 results
-
Hello, I have following setup: let tl = new TimelineMax(); tl.from('#draggableElParent', 1.5, { opacity: '0' }, "-=1.5") let scene = new ScrollMagic.Scene({ triggerElement: '.container', triggerHook: 0, duration: "400%" }) .setPin('.container') .setTween(tl) .addTo(controller) const drag = Draggable.create("#draggableEl", { type:"rotation", bounds:{ minRotation:0, maxRotation:180 }, onDrag: function(){ // this won't work until animation is finished } }) The problem is I can't rotate this #draggableEluntil scene animation is finished. Is this bug or a problem in my configuration? It seems like only rotation doesn't work until animation is finished Here I reproduced my problem:
-
Hello, I am using scroll magic, What I am doing is, I have to scroll the element on scroll. I fount the example here https://codepen.io/PointC/pen/zaBYoW and I try to understand the script but I am not able to use pseudo class with find method. Would you help me out this?
-
Hi everyone, I'm trying to create a countdown with scroll magic and GSAP. When the user is scrolling down I have the timer fade in and onComplete I want to trigger the countdown. It's a very quick counter that goes from 2:00 to 0:00, trying to have it do the count down in 2s. Then on scroll up it go in reverse and counts up to 2:00. I am just having a hard time figuring out the logic for syncing the scroll, minutes and seconds. Let me know if any additional information is needed. Any help is greatly appreciated. Thank you in advanced. *NOTE: I have found some similar examples on here of the timer functionality, just having a hard time syncing the scroll with the minutes and seconds.
-
I want to animate the home page of my website like this one : http://discoveroutpost.com/ I am using GSAP TweenMax function but unable to get the smooth animation like this. I am also trying the ScrollMagic Library for it but still no luck. Please guide how can I achieve this. Thanks in advance.
