Full-Page Scrolling Stitching
Capture entire dynamic web pages from top to bottom with intelligent sticky header suppression and seam-free auto-stitching.
How Scrolling Capture Works
Full-page capture works by calculating the total document scrollable height (Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)), stepping through each viewport chunk, capturing the visible bitmap via chrome.tabs.captureVisibleTab, and stitching the segments into a unified master canvas.
Progressive Overlay Indicator
During capture, a subtle animated progress bar displays your capture progress percentage on the current tab without altering the rendered page content.
Automatic Sticky Header Suppression
The number one complaint with legacy screenshot extensions is that fixed navigation bars (position: fixed or position: sticky) get captured on every single slice, leaving repeating horizontal black bars all down the image.
ClickSnap Smart DOM Suppression
ClickSnap automatically inspects the DOM for sticky elements. It captures the fixed header on the very first top slice (0px), temporarily suppresses their visibility during the middle scroll iterations, and restores them when capture finishes.
Handling Dynamic SPAs & Infinite Feeds
Capturing dynamic web apps (Notion, Figma boards, Twitter/X feeds, Linear boards):
Internal Scroll Containers
When capturing modern Single Page Applications where the scroll container is inside a container with overflow-y: scroll rather than window, ClickSnap detects the primary scroll container and iterates through its scroll offsets seamlessly.
Tips for Flawless Scrolling Captures
Follow these recommendations for optimal results:
Recommended Steps
1. Let the web page finish initial network requests before starting capture. 2. If the page contains lazy-loaded images, scroll down once to trigger image loads. 3. Press Alt+Shift+F and keep the browser tab in the foreground for fastest GPU capture rendering.
Was this documentation helpful?
Your feedback helps us continuously improve technical guides.