Guide

How to capture a scrolling div or panel

Chats, web mail, dashboards, feeds and long tables often scroll inside a box on the page, not the page itself. A full-page screenshot then shows the box cut off at its edge. Here is how to capture everything inside it.

Updated · All guides

Watch the demo: Scrollable Web Data → Excel 1:15

Short answer

The free method is in Chrome's developer tools: remove the panel's height limit so it grows to fit its content, then run Capture full size screenshot. Some capture extensions say they handle scrollable elements directly. Pulse Extractor's Scrollception (Capture, then Scrollable area) captures one scrolling panel as PNG, PDF, Word or Excel.

Video

Watch it in action.

Scrollable Web Data → Excel

Capture data inside a scrollable area and turn it into structured Excel.

In “Scrollable Web Data → Excel”: Smart Snip selects a scrollable list inside a webpage, captures the content of that whole panel rather than only the visible part, and exports it to Excel.

Video previews do not contact YouTube until you press play. When you play a video, YouTube receives the normal information required to deliver the video. Playback uses YouTube's privacy-enhanced mode. All video tutorials

Why full-page tools miss it

A full-page capture measures the page: how far the document scrolls. When a page fixes its own height to the window and puts the content in an inner box that scrolls on its own (a div with a fixed height and overflow set to scroll or auto), the page itself does not scroll at all. The capture sees one screen, and the panel is cut at its edge.

There is a second trap. Long chats, feeds and data grids often keep only the items near the scroll position in the page and replace them as you scroll. Even a tool that unrolls the panel then sees only the items currently drawn.

Printing to PDF rarely helps: print styles usually keep the panel clipped, or hide it.

Method 1: let the panel grow, then capture the full page

  1. Right-click inside the scrolling panel and choose Inspect.
  2. In the Elements panel, move up from the highlighted element until you reach the box that scrolls. In the Styles pane it usually has a fixed height or max-height and overflow: auto or overflow: scroll.
  3. Untick those properties, or add height: auto; max-height: none; overflow: visible to that element. The panel grows to its full length.
  4. If the page still stops at the window, repeat for its parents: look for height: 100vh or overflow: hidden on the containers around it.
  5. Open the command menu with Ctrl+Shift+P (Cmd+Shift+P on a Mac), type screenshot, and choose Capture full size screenshot.

Your edits only change your copy of the page and disappear when you reload. Layouts can shift as boxes grow, so check the image.

Method 2: capture just that element

After Method 1, right-click the panel's element in the Elements panel and choose Capture node screenshot (or run it from the command menu). Chrome saves a PNG of exactly that element, at its full grown size, without the rest of the page around it.

Method 3: zoom out first

For a panel that is only a little taller than the window, zoom the page out with Ctrl+- (Cmd+- on a Mac) until it fits, then take an ordinary screenshot. It is quick, but text shrinks with every step, so it only suits modest overflows.

Method 4: a capture extension that handles scrollable elements

Some capture tools say they deal with inner scrolling areas:

  • GoFullPage: States that it handles complex pages, including inner scrollable elements and embedded iframes (its own description, checked 4 October 2026; see GoFullPage vs Pulse Extractor).
  • FireShot: Its paid upgrade adds PDFs with links and text, capture of specific elements such as scrolling areas, an editor (crop, annotate, blur) and more destinations (its own description, checked 4 October 2026; see FireShot vs Pulse Extractor).

We have not tested those claims; try them on your page. Many dashboard and analytics tools also have their own export to PDF or image, which captures the full report without any of these tricks.

Pulse Extractor and scrolling panels

Pulse's Capture Full Page captures ordinary pages top to bottom. On pages that scroll inside an inner panel, Scrollception (Capture, then Scrollable area) captures that one panel, such as a chat, a feed or a long table, as PNG, PDF, Word or Excel.

If the panel holds a long table and what you need is the data, not a picture, see how to export a large web table to Excel.

When Pulse is not the right tool

  • Inner scrolling panels, today. The current Pulse release does not capture a panel whole; use Method 1 or 2, or a tool that says it handles scrollable elements.
  • A desktop application or your whole screen. Pulse captures webpages in Chrome; use your operating system's screenshot tool.
  • A report the dashboard can export itself. Its own PDF or image export is the most faithful copy.

Limitations to know

  • Panels that draw only what is visible. Expanding them shows only the items they have loaded; scroll through first, and check the capture.
  • Embedded frames. A panel inside an embedded frame belongs to another document; DevTools can still reach it, but some capture tools cannot.
  • Protected browser pages. Chrome does not let extensions run on its own protected pages, such as browser settings or the Chrome Web Store, so Pulse is unavailable there. That is a browser restriction, not a Pulse setting.

Questions

Why does my full-page screenshot only show part of the chat?

Because the chat scrolls inside its own panel while the page stays the height of the window. Full-page tools measure the page, so they see one screen. Let the panel grow in DevTools first, or use a tool that captures the panel itself.

Is there a way without developer tools?

Zooming out works for small overflows, and some capture extensions say they handle scrollable elements. In Pulse Extractor, Scrollception captures one scrolling panel directly.

Will this capture a whole long dashboard?

Often, if the dashboard has one main scrolling area. Check the dashboard tool's own export first: many offer PDF or image export of the full report.

Try it on the page you have open.

Install Pulse, create a free account, and turn your first webpage into a structured result. No card required.

Feedback