Cedec

@Trapti Thank you, it now starts beautifully. The hidden code is probably needed, because now I can't stop the automatic scrolling. However, I have one more question - the automatic scroll does not seem to work smoothly, but there is a "jump" of images from time to time. Is there any way to fix this?

Hi Jonas, Are you sure you are entering the correct url in scipts? Currently, after entering the url my-url/js/SplitText.min.js we get a 404 and not a JS file view. I checked in your files that the correct file url is my-url/js/SplitText.min.js I checked in your files that the correct file url is my-u/js/SplitText.min.js Maybe changing the link in the script to: <script src="my-url/js/SplitText.min.js/"></script> will help you?

Hi, I'm trying to turn on and off automatic scrolling after reaching the div with the "works" class, unfortunately, but it starts immediately after running the code. Can anyone suggest how to edit the code?

Hi I want to upgrade of TweenMax to GSAP and I want remove MagicScroll, because it doesn't work the way I would like. I am trying to implement IntersectionObserver but I can't start the event too much. My false test implement: let introIconSects = document.querySelectorAll('.wrapper') if ("IntersectionObserver" in window) { const appearOptions = { threshold: 1 }; const observerTwo = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { var el = entry.target; if (!entry.isIntersecting && el.classList.contains('cover')) { el.tween.pause(0); } else if (entry.isIntersecting && el.classList.contains('cover')) { el.tween.play(); observerTwo.unobserve(el); } }) }, appearOptions) introIconSects.forEach((el) => { var tl = gsap.timeline(); var cov = el.querySelectorAll(".cover"); var img = el.querySelectorAll(".img"); var txt = el.querySelectorAll(".txt"); tl.from(cov, 0.6, { scaleX: 0, transformOrigin: "left" }); tl.to(cov, 0.6, { scaleX: 0, transformOrigin: "right" }, "reveal"); tl.from(img, 0.6, { opacity: 0 }, "reveal"); tl.staggerFrom(txt, 2, { opacity: 0, ease: "power4.inOut" }, 0.055, 0.5); observerTwo.observe(el); }); } else { /*** Fallback for older browsers ****/ } Can anyone tell you how to deal with it? My working example in MagicScroll