Why Full-Page Screenshots Repeat the Header (and How to Fix It)

What’s happening

Chrome extensions can’t photograph a whole page in one go. They scroll the page and capture it one screen at a time (Chrome allows about two captures per second), then stitch the slices together.

A header with position: fixed or position: sticky stays at the top of the window while you scroll. So it’s in every slice, and the stitched image shows it again every screen-height. The same happens with cookie banners, chat bubbles, “back to top” buttons and promo bars.

Why DevTools sometimes gets it right (and sometimes doesn’t)

Chrome DevTools’ “Capture full size screenshot” asks the browser to render the page as one tall image instead of scrolling. Fixed elements then appear once, but they often land in the wrong place, and anything that loads on scroll may be missing.

How ClickSnap handles it

1. The first screen is captured as it is, header included.
2. Before the next slice, ClickSnap finds fixed and sticky elements and hides them.
3. Elements that appear later (for example a bar that shows up after you scroll) are caught too.
4. When the capture ends, everything is restored exactly as it was, so the page keeps working.

The result: the header appears once, at the top, where it belongs.

Pages that scroll inside a box

Gmail, Notion, Google Docs and many dashboards don’t scroll the whole window; they scroll an inner panel. A tool that only scrolls the window captures the same screen over and over. ClickSnap looks for the main scrolling area and scrolls that instead. If it picks the wrong one, click or scroll inside the area you want once, then capture.

Images that only load as you scroll

Many sites load images when you get near them (lazy loading). If a capture scrolls faster than the images load, you get grey boxes. ClickSnap waits for each screen to paint before capturing, which helps, but very slow images can still be missed. Fix: scroll to the bottom of the page once, then capture.

Animations and moving content

Carousels, videos and animated counters change between slices, so the stitched image can show a seam. Pause videos and wait for carousels to settle, or capture just the area you need with Alt + Shift + A.

Checklist when a capture looks wrong

• Header repeated: make sure Settings → Hide Sticky / Fixed Headers is on.
• Same screen repeated: the page scrolls in a panel; scroll inside it once first.
• Grey boxes: scroll to the bottom once so images load.
• Seams: pause animations; avoid moving the mouse over hover effects during capture.

Try it

Install ClickSnap and press Alt + Shift + F on a page with a sticky header. For the technical details, read how we made capture 2× faster.