This repository was archived by the owner on Aug 9, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 25
ASScroll is not working correctly on MobileΒ #91
Copy link
Copy link
Open
Description
Hello, @ashthornton
I integrated ASScroll to my Nuxt.js+GSAP project.
this ASScroll is working on desktop(but don't used) but not working on Mobile.
you can check buggy.
https://clinquant-cobbler-09788a.netlify.app/
password:
ArcL1v3
what's wrong? this is my ASScroll component source code.
`
<script> export default { mounted() { const ASScroll = this.ASScroll; const asscroll = new ASScroll({ disableRaf: true, }); this.$gsap.ticker.add(asscroll.update); if (window.innerWidth >= 1300) { this.$ScrollTrigger.defaults({ scroller: asscroll.containerElement, }); } else { this.$ScrollTrigger.defaults({ scroller: asscroll.containerElement, }); } this.$ScrollTrigger.scrollerProxy(asscroll.containerElement, { scrollTop(value) { if (arguments.length) { asscroll.currentPos = value; return; } return asscroll.currentPos; }, getBoundingClientRect() { return { top: 0, left: 0, width: window.innerWidth, height: window.innerHeight, }; }, // fixedMarkers: true, }); if (window.innerWidth >= 1300) { // asscroll.on("update", this.$ScrollTrigger.update); } else { } asscroll.on("update", this.$ScrollTrigger.update); this.$ScrollTrigger.addEventListener("refresh", asscroll.resize); this.$nextTick(() => { asscroll.enable({ newScrollElements: document.querySelectorAll( ".gsap-marker-start, .gsap-marker-end, [asscroll]" ), }); }); }, }; </script> <style> </style>`
Looking forward to your help.
thanks.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels