Has anyone shipped vertical Swiper with a fixed video background in WeChat?

[losdwind]

Has anyone here shipped a vertical Swiper page inside the WeChat browser?

I’m working on a 17-screen music microsite. It is smooth in Safari/Chrome, but swiping becomes janky in real WeChat. The current version is one tall document with GSAP ScrollTrigger scrub.

Before I rewrite it, I’d really like advice from someone who has tested this in WeChat:

Would you use normal vertical slides and keep only the previous/current/next scene mounted, or use Swiper Virtual?

The background is one fixed inline video outside Swiper. Each scene has a paused GSAP timeline that should follow the finger while dragging.

I’m not looking for a generic performance checklist—I’m trying to avoid choosing the wrong page architecture twice. If you have shipped something similar in WeChat, even a short “we used X and avoided Y” would help. I can make a stripped reproduction if needed.

[Poliklot]

@losdwind I can help investigate a stripped reproduction, although I can’t offer a production-tested WeChat reference.

One concrete caveat for the proposed rewrite: setTranslate doesn’t fire for every interpolated frame of Swiper’s CSS transition. Driving GSAP timelines only from that event can follow dragging correctly but jump ahead during settling. That’s an integration risk—not an explanation for your current ScrollTrigger jank. The relevant flow is in Swiper’s slideTo implementation.

Could you share the reproduction, library/framework versions, and one affected phone/OS/WeChat combination? An otherwise identical poster-only variant would also help isolate the video’s contribution before recommending an architecture change.