Jump to content

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


  • Posts

  • Joined

  • Last visited

Everything posted by renny

  1. thank you very much finally i sorted
  2. basically that code running more then 3 pages, but about-us page there are no that animation. So how to bypass that code if that class and id not available
  3. "(max-width: 767px)": function() { let sections = document.querySelectorAll(".activities_sec .image"); let scrollContainer = document.querySelector(".activities_sec"); let scrollTween = gsap.to(sections, { xPercent: -110 * (sections.length - 1), ease: "none" }); let horizontalScroll = ScrollTrigger.create({ animation: scrollTween, trigger: scrollContainer, pin: true, scrub: 1, end: "+=1000" }); // total scroll amount divided by the total distance that the sections move gives us the ratio we can apply to the pointer movement so that it fits. var dragRatio = scrollContainer.offsetWidth / (window.innerWidth * (sections.length - 1)); var drag = Draggable.create(".proxy", { trigger: scrollContainer, type: "x", onPress() { this.startScroll = horizontalScroll.scroll(); }, onDrag() { horizontalScroll.scroll(this.startScroll - (this.x - this.startX) * 1); // if you don't want it to lag at all while dragging (due to the 1-second scrub), uncomment the next line: //horizontalScroll.getTween().progress(1); } })[0]; }, if i remove this script then all animation working perfectly
  4. this condition is not a right solution, because that animation will use into many pages
  5. https://6pbhs.csb.app/about-us.html all animation are workign perfectly into desktop view, but when i check into mobile view then some animation are not working
  6. https://codesandbox.io/s/6pbhs please check about-us - mobile view does not work some animation
  7. there are multi pages that's why i don't add into codepen
  8. this script work well into home page, but not working into another page mobile view let scrollAnim1 = gsap.timeline({ scrollTrigger: { trigger: ".image_expand", start: "top", end: "bottom", scrub: 1, pin: true } }); scrollAnim1 .fromTo( ".kitty", { clipPath: "inset(0% 22%)" }, { clipPath: "inset(0% 0%)", duration: 1.5 } )
  9. also some code are conflict on another page into mobile view https://dev.icustomweb.com/unibynew/about-us.html below are script https://dev.icustomweb.com/unibynew/js/script.js
  10. can you implement on my demo ? i try that but not working
  11. i need to pin false whenever last section are show
  12. thank you for your help now i sorted with another code you can check it thank you so much, i will let you know if something else
  13. i just update my demo, for now i need to speed up bedraggle
  14. question is how can i use that solution into my code
  15. no, because this is slider base and my demo is scollbase with multi images, by the way i found one example here, but im not understanding that code. so can you help me set that code into my demo code https://codepen.io/GreenSock/pen/YzqjGQW
  16. hello guys im new into scrolltrigger and i have done some horizontal scroll, but i need to enable with touch scroll
  17. renny

    Simple Animation

    go on my code last 2 section 1. Connect through Uniby. By students for students. 2. King’s College London this both are overlap. So can you check my code and let me know what wrong on there
  18. renny

    Simple Animation

    i just update code, can you help on fix that issue on last section overlap
  19. renny

    Simple Animation

    it's zoom image, i need to scale image from left and right
  20. renny

    Simple Animation

    thank you for this help also how to expand image on scroll like into provided video (two lady image)
  21. renny

    Simple Animation

    just go on (Activities for any interests.) section and i need to make as from video link, i have add some code but not get result as per video
  22. renny

    Simple Animation

    https://principle.app/share?id=4o9kHrg46mkZpPNWctWR this is animation detail i need help into (Activities for any interests.) section and horizantal slider part
  23. thanks can you also send me example of horizantal slider as per my video ?
  24. can you show me one example ?