Questions tagged [scrollmagic]
ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a playback scrub control.
scrollmagic
417
questions
0
votes
0
answers
24
views
Scroll Magic transition issues with full screen background videos
I have an issue with animations on scroll magic being funky when scrolling back UP.
So in the JSFiddle attached you'll see the animations looks fine on the way down. However on the way up it sort of ...
0
votes
0
answers
39
views
Vue3 pass Tween object to parent to use setTween on scrollMagicScene
I want to create a TweenMax in a Vue Component. In the parent I have created a ScrollMagic.Scene and want to use .setTween to sync them.
In my child component I used an event to pass it onMounted to ...
0
votes
0
answers
40
views
Which ScrollMagic features to implement for a parallax, pin, overlap effect between items?
I'm trying to figure out what I need to do to accomplish the following:
Parallax scroll an image up - i.e., the image scrolls up faster than the rest of the page and overlaps halfway into a div.
Pin ...
1
vote
1
answer
57
views
ScrollMagic glitch on Chrome
Hello community,
I've implemented an effect on my website using Scroll Magic to make a video play as the user scrolls down the page. This effect works perfectly in other browsers, but I'm experiencing ...
1
vote
0
answers
35
views
ScrollMagic Animation and Scroll Locking Issue
I'm currently working on a web project where I'm using ScrollMagic to create animations triggered by scrolling. I have a specific animation for a company name using the TimelineMax library. ...
0
votes
0
answers
25
views
How can I dynamically adjust the offset value for a ScrollMagic animation to ensure synchronized animations on both regular and larger screens?
In the given code, I'm attempting to create two synchronized animations using ScrollMagic. The first animation involves a video whose playback is controlled by scrolling, while the second animation is ...
- 1,049
0
votes
0
answers
121
views
How can I synchronize text scrolling with video seeking using GSAP and ScrollMagic?
How can I implement a GSAP-based animation effect in which a video scene seeks forward as I scroll, and I also need to scroll text into view (like any other element, enters from the bottom of the ...
- 1,049
1
vote
0
answers
67
views
Scroll Magic io, the last section to be visible for more time
Im using scroll magic for first time and everything works fine but i really cant figure out how to make the last panel to stay on my page for more time before i scroll to the next content. i tired to ...
- 53
0
votes
0
answers
61
views
is there a way to create a scrollfunction for specific timestamps in a video?
I have this scroll effect where its playing through the video on scroll. But is there a way to make it so when I scroll it scrolls down to specific time parts, and then stop on each? to create a "...
- 23
1
vote
0
answers
194
views
I want to create path for different letters in svg image
I've recently come across the ScrollMagic library. And I'm trying to recreate thier signature animation on scroll (link :- http://scrollmagic.io/examples/advanced/svg_drawing.html ). I want to add ...
- 11
0
votes
1
answer
341
views
How to use scroll magic for video animation but only start video when container reaches the top
I'm using Scrollmagic to animate a video background Apple style. however, my video container is further down the page so when it gets to it the video has already started scrolling, I'm trying to find ...
- 159
0
votes
0
answers
39
views
How do I prevent all the slides in a section slide from appearing on load in ScrollMagic?
I've recently been using ScrollMagic, and so far it's been easy to use. However, after finishing my section slides i've noticed that whenever I load the page at the section slide top, all the slides ...
0
votes
1
answer
257
views
How to use Scrollmagic to animate an SVG path as quickly as the scroll event?
I have the following code snippet:
var controller = new ScrollMagic.Controller();
var $line = $("#line");
$line.attr("stroke-dashoffset", $line[0].getTotalLength());
$line.attr("stroke-...
- 2,898
0
votes
1
answer
1k
views
Scroll Trigger: How to play the whole animation not by every page scroll once it enters the trigger element?
I have this animation that plays on every page scrolling. What I want to achieve is to play the whole animation when it triggers the id section of the pinned element. So when it enters the pinned ...
- 1,472
0
votes
1
answer
403
views
React Scroll Magic SectionWipes causing unwanted padding, how to remove it?
I am trying to implement the same scroll component as here: https://bitworking.github.io/react-scrollmagic/section-wipes
The code for this component is provided by the github repo itself: https://...
- 39