VBC-027: parallax-overuse

warning

Category: ux-dx
Analysis: Regex (line by line)
File types: .js, .ts, .tsx, .css, .scss, .astro
Scope: source code only, ignoring anything inside strings and comments
Tags: ux performance accessibility

What it reports

Parallax scrolling effect detected at line {line}. Parallax effects can trigger vestibular disorders (nausea, dizziness) in sensitive users, carry significant GPU cost, and break on mobile. Respect prefers-reduced-motion and consider whether the effect adds genuine value.

Flagged

el.style.top = scrollY * 0.4 + "px";

.parallax { top: 0; }

Not flagged

el.style.top = offset + "px";

Pattern

(scrollY\s*\*\s*0\.[0-9]+|\.parallax\b|parallax[-_]container|data-parallax)