Playbook · Shopify scroll reveal broken
You scrolled. The fade-in / reveal sections never animated.
Written for a Shopify owner whose scroll reveal is broken — scroll-reveal / fade-in / animate-on-scroll never fires — sections stay opacity:0 or never animate after scroll — or you chased a sticky header that will not pin, a missing back-to-top button, or a stuck marquee instead. DIY-first: prove IntersectionObserver vs reduced-motion vs opacity stuck vs JS error → repair → retest. Distinct from sticky header not sticking and back to top not showing. Soft-link marquee text not scrolling when the marquee ticker is stuck. Soft-link lazy-load hiding above fold when lazy-load hides above-fold content. No earnings claims, no invented case studies.
Nico at Latch AI Ops · Sep 10, 2026 · ~12 minute read
Buy the 72-hour install — $997Sticky headerBack to topMerchant FAQ
01
Scroll reveal broken — not sticky header, not sticky ATC.
Several “scroll / sticky / chrome” bugs look alike. They do not share a fix. This page is only when a back-to-top / scroll-to-top button never appears after scroll, stays hidden, or mounts but is unusable. Sticky / fixed header mounts but scrolls away is still shopify-sticky-header-not-sticking. back-to-top / scroll-to-top button never appears after scroll is shopify-back-to-top-not-showing.
Soft-check shopify-marquee-text-not-scrolling when the marquee ticker is stuck, and soft-link shopify-lazy-load-hiding-above-fold when lazy-load hides above-fold content — not when the scroll-to-top control itself simply never shows after scroll.
02
Prove IntersectionObserver vs reduced-motion vs opacity stuck vs JS error.
On Current theme (not a draft), open a long homepage / collection / PDP in incognito. Scroll past sections that should fade / slide in. Soft-check theme reveal / animate-on-scroll / IntersectionObserver toggle on Current. Soft-check prefers-reduced-motion forcing permanent opacity:0. Soft-check CSS opacity:0 / translate never cleared by .is-visible / .revealed class. Soft-check JS IntersectionObserver never attached (theme JS error). Soft-check App embeds for reveal / animation apps off. Soft-check mobile vs desktop reveal settings. Soft-check duplicate reveal libraries fighting (AOS + theme + app).
Capture: page URL + section name, scroll screenshot on desktop and phone showing unrevealed sections, theme reveal toggle screenshot, reduced-motion media query state, Console JS errors, App embeds toggle state, and mobile/desktop reveal settings on Current.
03
Repair observer / motion / opacity / JS; retest scroll reveal.
Enable scroll-reveal / animate-on-scroll on Current theme settings and publish. Soft-check reduced-motion so opacity is not forced forever. Ensure .is-visible / .revealed classes clear opacity:0. Fix theme JS errors so IntersectionObserver attaches. Soft-check App embeds. Soft-check mobile/desktop reveal. Soft-check duplicate reveal libraries. Publish Current, hard-refresh desktop and phone.
Honest retest: after scroll, reveal sections animate / become visible — not only one viewport broken. Soft-link shopify-sticky-header-not-sticking when the sticky header will not pin. Soft-link shopify-back-to-top-not-showing when the back-to-top / scroll-to-top button never appears after scroll. Soft-link shopify-marquee-text-not-scrolling when the marquee ticker is stuck.
04
You tested sticky header, back to top, or marquee instead.
Sticky / fixed header mounts but scrolls away is still shopify-sticky-header-not-sticking. back-to-top / scroll-to-top button never appears after scroll is shopify-back-to-top-not-showing. Marquee / ticker mounts but text stuck / animation paused is shopify-marquee-text-not-scrolling. Above-fold lazy-load hiding content is shopify-lazy-load-hiding-above-fold.
The only honest test for this page: a back-to-top / scroll-to-top control should appear after scroll, but never does — while sticky header / sticky ATC / marquee paths may still work.
05
When to stay DIY vs pay $997.
Stay DIY if you can spend one afternoon on the list above: prove IntersectionObserver vs reduced-motion vs opacity stuck vs JS error, soft-check apps, repair, retest. That is the whole playbook. No agency required. Short answers also live on the merchant FAQ. Related pages: sticky header not sticking, back to top not showing, marquee text not scrolling.
Pay for help when the work is not the scroll-reveal wiring itself — it is connecting the stack you already have so storefront / theme / scroll-reveal exception alerts land in a channel you already check, and the live store is one workflow instead of a spreadsheet plus a Slack bot you forgot. That is the Latch AI Ops install.
What $997 USD one-time buys: lead capture on the live store, ops alerts in a channel you already check, and a checkout-ready workflow. 72 hours after collaborator access, not after payment. One live Shopify store. Access plus a delivery thread. Store URL collected at checkout. Not a SaaS seat, not a theme rebuild retainer, not a conversion guarantee, not a brand or theme job.
Other shops' public ranges, not testimonials: a checkout / ops install typically runs $500–$2,500. A full ops consulting block typically runs $2,000–$5,000. $997 is the cheap end of that work, sold as a 72-hour install of three systems — not as an earnings number or conversion-lift claim.
What it does not buy: more orders, recovered revenue, a forever scroll-reveal guarantee, or a case study. Latch AI Ops has not published customer proof because there are no customers yet. You are buying the install.
Checkout is on Whop. Operator is Nico. United States offer. You can revoke collaborator access after handoff. We do not take owner passwords.