Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

267 profile views
  1. thank you @OSUblake and @GreenSock for clarifying using script url and yes we should test the latest version is working fine then use it. thank you so much again.
  2. this is how i do on my websites, i add cloudflare gsap url for gsap and scrolltrigger at the end before closing of </body>. what i need suggestions is as we get new updates on gsap i goto my old websites and folders and manually do change on each html pages like "gsap/3.8.0/gsap.min.js" to "gsap/3.9.0/gsap.min.js" is there any better way of doing it like is there any URL link which automatically get updated or they always have updated GSAP script urls inbuilt something like that. <!DOCTYPE html> <html lang="en"> <head> <title>GSAP</title> </head> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.0/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.0/ScrollTrigger.min.js"></script> </body> </html>
  3. i want to thanks @OSUblake and @Cassie for always helping me learning new things in GSAP and thanks everyone in the gsap family and community, you guys are amazing.
  4. thats so amazing that we can use trigger: span, actually my mind is still processing horizontal scroll without this new feature of containerAnimation: scrollTrigger, thats why i didnt think of this
  5. i dont understand by add a function to an object, its advance stuff for me 😭
  6. ok so if you open my codepen website then scroll to section B then look at left side, i added START and END trigger on the left side of sectionB sectionB has width of 150vw and span width is 100vw, what i want to do is add START and END trigger on the left side of SPAN element. i can do this manually for all the sections but i want to know is there any way of doing it dynamically with all the sections of different width sizes
  7. for example what i trying to achieve is set start: "16.7% 100%", end: "16.7% 0%", at start left side of Section B
  8. https://codepen.io/AkhilRaja/pen/poWVeKe now i need help with two things 1 -how can i do this like add ease: sine.inOut with snapArray() funtion snap: { snapArray(), delay: 0, ease: "sine.inOut" } 2 -how can i add start: "16.7% 100%", end: "16.7% 0%", dynamically to active thisSection, im trying to add start and end at left side of 100vw section
  9. i have few more questions i need some time but for now thank you on helping me on this @OSUblake and @Cassie
  10. thank you so much @OSUblake its working now and i didn't think of this "2 - window.innerWidth / 2", it was crazy it work like this. let current = (prev + width / 2 - centerX) / totalWidth;
  11. https://codepen.io/AkhilRaja/pen/poWVeKe this is the best i can do and im also bad in maths class
  12. i try to read them and understand them but its too advance for me i cant understand it 😭
  13. this is what i want to do https://developers.google.com/web/updates/2018/07/css-scroll-snap#example_-_horizontal_gallery here its stop at the center https://snap.glitch.me/carousel.html its css snap but i want to do this with scrolltriger snap
  14. i cant find what i was looking for in the given link
  15. i have this horizontal scrolling website with different width per sections, what im trying to do is that when i stop scrolling it should scroll snap at the center of the current section, for visual i added span with 100vw with black color opacity box.