# Smooth Auto-Scroll DevTools Snippet

> A console snippet for smooth auto-scrolling during screen recordings.

This simple JavaScript snippet runs in the browser console to auto-scroll web pages at around 60 frames per second. It eliminates shaky, manual mouse scrolling when recording product demos, portfolio showcases, or marketing screen captures. It can be stopped by refreshing the page or clearing the interval.

## How it works

Paste this into the browser console (Chrome DevTools → Console):

setInterval(() =\> window.scrollBy(0, 4), 16);

This scrolls the page down 4px every 16ms (~60fps), producing a smooth continuous scroll — ideal for screen recordings. Follow-up: one could add a button to activate/disable it. Stop it by refreshing or clearing the interval.

## What it is for

- Record steady website scroll recordings for video demos
- Showcase long-form landing pages without manual trackpad jitter
- Create smooth scrolling GIFs or video clips for social media

## Key points

- Runs directly in the browser DevTools console without extensions
- Scrolls down in small, consistent increments at ~60fps
- Requires zero dependencies or external libraries
- Stops simply by refreshing the tab or clearing the interval timer

## Pricing

Free

## Details

- Type: Tip
- Category: [Development](https://xiry.app/topics/development.md)
- Open source: no
- Platforms: Web
- For: Developers, designers, and creators recording screen demos
- Tags: javascript, devtools, screen recording, productivity, tips

## Why it was saved

- [@FlorinPop17, 15 September 2025](https://x.com/FlorinPop17/status/1967626809836548165): Fixes the common problem of shaky, janky scrolling when recording a website demo.

## Related

- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [Anime.js](https://xiry.app/resources/anime-js): Lightweight, modular JavaScript animation engine for CSS, SVG, and DOM elements (Website, Open source)
- [GSAP](https://xiry.app/resources/gsap): High-performance JavaScript animation library for web elements, SVG, and canvas. (Website, Freemium)
- [NumberFlow](https://xiry.app/resources/numberflow-2047): Animated, accessible rolling-number component built on native Intl.NumberFormat and Web Animations. (Web app, Open source)
- [@remotion/webcodecs](https://xiry.app/resources/remotion-webcodecs): In-browser video and audio conversion library powered by the WebCodecs API. (Web app, Freemium)
- [2023 JavaScript Rising Stars](https://xiry.app/resources/2023-javascript-rising-stars): Annual overview of the fastest-growing JavaScript GitHub repositories in 2023. (Website, Free)

Updated 11 October 2026. Page: https://xiry.app/resources/smooth-auto-scroll-devtools-snippet

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.