Jump to content

Ivan Mocs

  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Ivan Mocs's Achievements

  1. Sorry about that, I'm just trying to learn without using plugins, in the code I only want the scrolltrigger to run outside the class OwnScroller or onLoad() code, therefore I am confused why the scrolltrigger cannot run perfectly like I put the scrolltriger code inside onLoad(). Update : Solution found, thanks in advance
  2. I have added pinType : tranform but when scroll like jelly: https://codepen.io/adeivan/pen/zYLaGXE this is when I put the scrolltrigger code into thisScroll(), the scrolltrigger can run perfectly: https://codepen.io/adeivan/pen/bGjKmEQ but how to make the scrolltrigger work properly like it does in thisScroll()?
  3. I have a problem when using the scrolltriger outside of the OwnScroller class, when scrolling the ScrollTrigger has a glitch, but when I install it into the OwnScroller class, the scrolltriger is fine, how do I fix this?
  4. I have a problem with the Scrolltrigger running upside down when scrolling. I took the code from here and it runs up when scrolled : https://codepen.io/GreenSock/pen/RwVGNea
  5. position does not match the cursor position when the page is scrolled. the position of the image is even away from the cursor and not in the center of the cursor
  6. is it possible to make a lerp effect with gsap, I want when scrolling the distance between elements expands and returns to its original value again.
  7. I have a problem when the window is resized to mobile size, the value of 'start' scrolltrigger jumps, I don't know where the error is, so from that I think changing the 'scroller' value can fix it https://codepen.io/adeivan/pen/XWqRPrr
  8. can remove property 'scroller' in scrolltrigger when on mobile without mediamatch() ? this my code : my_element.forEach((my_element, i) => { let tl = gsap.timeline({ scrollTrigger: { trigger: my_element, scroller: () => window.innerWidth < 1152 ? "" : "[data-scroll-container]", start: "top top", end: "bottom top-=10%", pinSpacing: false, pin: true, // markers: true, scrub: true } }); });
  9. https://codepen.io/adeivan/pen/oNdWXqm this is the code, when windows is resized, the autoalpha value changes
  10. i have problem with scrub position when window is resized, i found the code in this forum, by using scrolltrigger.create the problem is solved but when i move page the autoalpha position immediately becomes 0, without any transition. i am using gsap.timeline and i am getting error in code scrubNavHide.scroll
  11. okay i know, i've removed position:sticky then i added pin via new scrolltriger, but this is the result : https://codepen.io/ivan-nizters/pen/eYrZgXM i want to make it like using position:sticky like this : https://codepen.io/ivan-nizters/pen/qBYZGeP
  12. the above code is already using scrolltriger and it works fine for pins, but when i add scrollsmother, only the sections inside the container are pinned Without ScrollSmoother / ScrollTrigger Only:
  13. I have a problem when using smoothscroll, the yellow mask container should be pinned to the top. Before using the yellow smoothscroll the container is pinned to the top how to solve this?
  14. ahh thanks, I changed the scale value to 0.85 and used transformOrigin: "bottom", it's solved