Jump to content

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


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

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

kmytor's Achievements

  • Week One Done
  • One Month Later
  • One Year In

Recent Badges



  1. thanks if it's on that side, I will see the videos
  2. Perfect, perfect if it works for me. I have an other question How can I increase the size of the scroll or how can I duplicate the scroll? try to do this but it doesn't work, multiply the body trigger: "body" * 2, my my idea is that the scroll goes slower since it goes very fast. is there a way to do this? ScrollTrigger.create({ trigger: "body" * 2, animation: photoOnly, start: '34% 35%', end: '45.8% 38%', scrub: true, markers: true, })
  3. Thanks I will try it, if I cannot upload the example, ]Thanks again
  4. Hello, I would like to know how can I calculate half of an object and center it with respect to the window? I tried to make this code but I think I am a little lost .to('.content', { width: '100vw', x: "-100%" / 2, duration: 2, }, "<")
  5. Hello, again me, A new question has arisen, I want to put animations on it but the way I approach it because it is not working, can you guide me? I don't know if I should do a foreach or something else 😅 https://codepen.io/kmytor/pen/morMqa?editors=0011
  6. I have a question where it comes from or just a name was put here: ScrollTrigger.addEventListener ("refreshInit", () => { ////// refreshInit is the name or does it mean something else?
  7. oh! excuse me forget to see console. but if that's what I needed, but wooow you changed everything hehehehe I think I should do more things, I'm a newbie, I hope to learn more
  8. Hi, again me and my experiences, hehehe How can I wonder what I'm failing I want to get the size of the hancho for the horizontal scroll to take I'm trying countSlideList take it as your high const slideList = document.querySelectorAll('ol.Slide li'); let countSlideList = slideList.clientWidth; gsap.to(".Slide", { x: () => -countSlideList, //add slideList ease: "none", scrollTrigger: { start: 0, end: countSlideList, //add slideList scrub: true, markers:true } }); https://codepen.io/kmytor/pen/gOPmOGN
  9. Perfect, Thank you very much, I think it was a cache problem, it works for me thanks for your help, I am going to investigate more about how to put animations since I have the scroll ready and working. Total thanks
  10. I think I am missing some of these libraries, should I put them all? shouldn't it only work with the core?
  11. well, if you can not this example as the attached image how can I make it work as in the example of the url that I sent in the first post? http://torola.fwp.fastwp.net/fwp_project/where-worlds-collide-4/ because the scrooll of my example does not work either
  12. Sorry, the first thing is that the scroll of the image gallery works for me, currently it does not work but I cannot understand why The second is that I would like to move the scroll to complete 100% of the window as in the image that I attach.
  13. HI, I tried to scroll the scroll guide, but I can't, I understand that my structure is different but it should work, there is some way that the images are placed on top of the written content or that the written content can also be run with the scroll and that the let gallery occupies 100%, currently it is 50%, neither, markers: true, is visible . which is recommended for this process, Thank you, I hope you understand me https://codepen.io/kmytor/pen/gOPmOGN?editors=0011
  14. Hello, I am learning something about the new scroll, which I think is great the fact that it has been implemented. but I would like to know if I can get this result as in the attached link the image adjusts according to the window with respect to the scroll. if possible? http://torola.fwp.fastwp.net/fwp_project/where-worlds-collide-4/ Is there an example of doing it?
  15. Excellent thank you very much for the recommendations of the use I will study more, I really like how gsap is used. you are so friendly. Thank you