Parallax Scroll Disabler

WHAT IT DOES

This script detects and disables parallax scrolling effects on web pages—CSS transforms, translate properties, background-attachment: fixed, and JavaScript scroll-based animations. It scans the page for elements with parallax indicators, sets transform to none, removes scroll event listeners, and overrides computed styles. A counter badge shows how many parallax effects were disabled, and per-site memory prevents re-disabling on repeat visits. Improve scrolling performance, reduce motion sickness, and enjoy a smoother browsing experience.

WHERE IT RUNS

The script works on any page with parallax scrolling effects—landing pages, portfolio sites, product showcases, and any website with scroll-based animations. It detects CSS transforms, background-attachment: fixed, perspective properties, and JavaScript scroll listeners. The script works on any website regardless of framework.

HOW TO USE

After installation, the script automatically disables parallax effects based on your settings. A badge appears showing the count of disabled effects. Click the badge to open the panel. Customize: enable or disable disabling, choose disable delay (ms), set max attempts, enable disabling on page load or on scroll (with configurable threshold), enable per-site memory, show/hide the count badge, choose badge position, toggle debug mode, and select which types to disable (CSS parallax, JavaScript parallax). Click "Scan & Disable Now" to manually trigger a scan. The script intercepts scroll event listeners to prevent JavaScript parallax from re-applying.

TECHNICAL MECHANISM

The script uses a multi-stage parallax detection and disabling pipeline. First, it scans the DOM for CSS parallax indicators using `getComputedStyle` to detect transforms, translate properties, background-attachment: fixed, perspective, and will-change. It also checks for class names and data attributes (parallax, data-speed, data-parallax). Second, it disables CSS parallax by adding a `.psd-disabled` class with `transform: none !important`, `transform-style: flat !important`, `perspective: none !important`, `background-attachment: scroll !important`, and removing transitions and animations. Third, it intercepts JavaScript scroll listeners by overriding `EventTarget.prototype.addEventListener` to detect and track scroll/wheel/touchmove listeners that manipulate transform or translate. Fourth, it scans for common parallax library indicators (.parallax-container, .js-parallax) and removes data attributes that trigger parallax. Fifth, it stores disabled URLs in per-site storage using GM_setValue. The script uses a MutationObserver for dynamically added elements.

THE PANEL

The settings panel is fully draggable and can be positioned anywhere on your screen. It automatically snaps to the nearest edge when released, keeping your workspace organized. The panel can be collapsed to a small bubble showing only a gear icon, and restored with a single click. Its position is remembered across page reloads using GM_setValue. The panel also responds to the Escape key, which instantly hides it until you click the bubble again. All settings are saved immediately when changed and persist across browser sessions.

PLEASE NOTE

This script requires the free BotGentz extension to run. Disabling parallax effects may alter the intended visual design of some websites. The script does not access, store, or transmit any personal data or browsing history. All processing happens locally in your browser and never leaves your device.