Why Your Screen Recording Looks Choppy When You Scroll (and How to Fix It)

You scroll through a page and it feels silky. You watch the recording back and it stutters, jumps and shimmers. Nothing is wrong with your eyes: a live screen recording of a scrolling page is one of the hardest things for a computer to capture well. Scrolling is fast, continuous motion across the whole screen, full of fine text that shows every missed frame.

The good news is that the causes are well understood. There are six of them, and each has a fix.

What "choppy" actually means#

When people say a recording looks choppy, they usually mean one of these:

• Dropped frames. The recording skipped moments, so the page jumps forward instead of gliding.
• Uneven frame pacing. Frames arrive at irregular intervals, so motion speeds up and slows down in tiny bursts. It looks like a stutter even at a high frame rate.
• Judder. The display and the recording run at different rates, so some movements are shown twice and others not at all.
• Smear and shimmer. Compression blurs fast-moving text, and fine lines flicker as they move.

Knowing which one you are looking at tells you which fix to reach for. Scrub through the recording frame by frame (in QuickTime Player, pause and press the arrow keys): if the page jumps by different amounts between frames, you have dropped frames or uneven pacing; if every frame is present but text turns to mush, it is compression.

Cause 1: the Mac drops frames while it records#

A live screen recording asks your Mac to do three heavy jobs at once: render the page as you scroll, encode video in real time, and write it to disk. When any of those falls behind, frames are dropped.

Scrolling is the worst case. The browser has to repaint large areas of the screen on every frame, decode images as they come into view, and run any scroll-linked animations, all while the recorder competes for the same processor and graphics resources.

Fixes:

• Quit other apps, especially other browsers, video calls and anything that renders constantly.
• Record a selected portion rather than the whole screen, and keep the browser window no bigger than you need.
• Make sure the startup disk has plenty of free space; a nearly full disk slows down writing.
• Plug a laptop into power, so it does not throttle to save battery.

Cause 2: your display refresh rate does not match the recording#

Many recent Macs have ProMotion displays that refresh adaptively up to 120 times a second. A screen recording is usually 60 frames per second. When the display is showing 120 distinct positions a second and the recording keeps 60 of them, the spacing between kept frames is not always even, which shows up as judder, especially during momentum scrolling.

Fix: set the display to a fixed 60 Hz while you record. Apple describes how in its support article on changing the refresh rate: open System Settings → Displays, and choose a fixed rate in the Refresh Rate menu instead of ProMotion. Switch it back when you are done.

Cause 3: hand scrolling is uneven#

Even with a perfect recording, a scroll made by hand has natural bursts: a flick, a slowdown, a correction. Trackpads add momentum that decays on a curve you do not control. Mouse wheels scroll in notches. Keyboard scrolling with the Space bar or Page Down jumps a full screen at a time, which reads as a series of cuts rather than a scroll.

Fixes:

• Use a trackpad and make one long, slow two-finger swipe, then let momentum finish it.
• Avoid correcting mid-scroll; start over instead.
• Do a few takes and keep the steadiest one.

If you need the speed to be exactly even, a hand simply cannot do it. That is the point where an automated scroll wins.

Cause 4: the page itself is heavy#

Some pages are hard to scroll smoothly even without a recorder running:

• Scroll-jacking and smooth-scroll libraries intercept your scroll and animate it with JavaScript, which adds its own timing on top of yours.
• Parallax and scroll-triggered animations do extra work on every frame.
• Lazy loading fetches and decodes images exactly as they come into view, which is when the browser is busiest.
• Animations tied to real time. Browser animations are usually driven by requestAnimationFrame, which runs at the display refresh rate. If the browser falls behind, those animations stutter too, independently of the scroll.

Fixes: scroll through the whole page once before recording so images and fonts are loaded and cached, then scroll back to the top. If the site has a "reduce motion" mode that removes heavy effects, consider whether you want them in the video at all.

Cause 5: compression and playback#

Even a perfect recording can look choppy after export or upload:

• Low frame rate on export. Exporting at 30 fps throws away every other frame of a 60 fps recording, and scrolling text shows the gap.
• Low bitrate. Fast motion needs more data per second. When the encoder runs short, text smears and edges shimmer.
• Platform re-encoding. Social networks re-compress what you upload. Starting from a sharper, higher-resolution file gives their encoder more to work with, which is why recording at 4K helps even when the video will be watched on a phone.

Fixes: export at 60 fps, give the encoder a generous bitrate, and start from the highest resolution you can. 4K 60 fps website videos explains when the extra resolution matters.

Cause 6: a variable frame rate recording in your editor#

Screen recordings are often saved with a variable frame rate: the recorder writes a frame when the screen changes, not on a strict clock. That keeps files small, but some video editors play and edit variable frame rate footage badly, so a recording that looked fine in QuickTime Player stutters on the timeline or after export.

Fix: convert it to a constant frame rate before editing. With ffmpeg, that is one command: ffmpeg -i recording.mov -fps_mode cfr -r 60 constant.mp4. The -fps_mode cfr option duplicates or drops frames as needed to hit exactly 60 per second, which editors handle reliably.

Symptom, cause and fix at a glance#

A quick checklist before your next take#

1. Quit other apps and plug in your Mac.
2. Set the display to a fixed 60 Hz.
3. Load the page fully: scroll to the bottom and back.
4. Record a selected portion, not the whole screen.
5. Scroll in one long, steady trackpad motion.
6. Export at 60 fps with a high bitrate.
7. Watch it back frame by frame before posting.

That will get most live recordings from "flipbook" to "acceptable". To get to "perfect", you need to change how the recording is made.

The real fix: stop recording in real time#

Every cause above comes from the same thing: the recording happens live, so it is at the mercy of timing. A different approach removes timing from the equation. Instead of filming the screen while something scrolls, you:

1. Put the page at an exact scroll position.
2. Let everything on the page settle for that moment in time.
3. Take a perfect snapshot.
4. Move to the next position (for 60 fps, one sixtieth of a second further along an easing curve) and repeat.
5. Assemble the snapshots into a video.

Because no frame is ever rushed, none can be dropped. Because the positions come from a curve rather than a hand, the motion is exactly even. And because time inside the page advances only one frame at a time, animations on the page stay in step with the scroll.

This is how GlidePage records. You paste a link, pick a device, and it opens the page in its own browser on your Mac, scrolls through once so everything loads, then captures every frame this way and encodes a 4K, 60 fps video. It takes a little longer than real time on a long page, and in exchange, every take is the first take. If you are new to it, how to make a scrolling video of a website walks through the whole process.

Can you fix a choppy recording after the fact?#

Sometimes, a little. Video editors can retime footage with frame blending or optical flow, which invents in-between frames and can soften mild stutter. It does not know what the page looked like between the frames you lost, so fast-moving text often turns to mush, and big jumps stay jumps.

If the recording is for anything public, it is usually faster to re-record with the fixes above, or to capture the page frame by frame, than to repair it.

Choppy recording or choppy website?#

One last check: make sure the problem is the recording, not the site. Scroll the page with no recorder running. If it stutters on your screen too, the page itself is heavy, and a live recording will only make it worse. Frame-by-frame capture still produces a smooth video in that case, because it never asks the page to keep up in real time.

Make your site move.

Any page, one smooth 4K video. Framed, on any background, or transparent.

Download for Mac