Focus and scroll

Bring the right element into view.

Scroll directly to a target element before capture so off-screen pricing, disclosures, and widgets appear in the frame.

See the focus requestCapture one section
  • Automatic scroll
  • Precise framing
  • Works with GET and POST
Capture setupElement found

Target element

focus=Privacy

Target page

https://example.com

Capture action

Scroll before capture
ConfigureCaptureDeliver

Frame key content

Bring a specific page component into the viewport before capture.

Reach off-screen UI

Document content below the fold without switching to full-page mode.

Combine actions

Focus after click, hover, or wait actions to capture the final state.

Use Add Screenshots to scroll to any element and focus it before the capture occurs. Highlight pricing tables, footer disclosures, or interactive widgets—even when full-page mode is off—and still enjoy no throttling across US, Europe, and Australia / Asia Pacific regions.

The focus parameter works across GET and POST requests, request templates, and scheduled jobs. Combine it with click or hover actions to present the exact UI state you need.

Scroll to Elements Free or Compare Plans

  • Precise documentation: Capture deep in-page sections without stitching multiple images.
  • Automation ready: Tie focus selectors to webhooks and cloud storage delivery.
  • Consistent QA: Keep monitoring and visual diff workflows aligned regardless of dynamic layouts.

Selecting the Element to Focus and Scroll To

Specify the element you want to highlight—link, button, heading, or input—by providing its name, ID, class name, or text content. Examples of focus values include:

  • Text: &focus=OK
  • Name: &focus=mybutton
  • ID: &focus=#mybutton
  • Class Name: &focus=.gdpr-button

Explore more element selection examples.


Best Practices

  • Inspect first: Use browser dev tools to confirm selectors, then save them in templates.
  • Coordinate with waits: Combine focus with wait delays so asynchronous content loads before scroll.
  • Pair with element hiding: Remove sticky headers via element hiding if they overlap the target area.

Example: Focusing and Scrolling to an Element

The example below demonstrates how to locate the text "Privacy", focus on it, and scroll down to it before capturing a screenshot.

// Line breaks added for readability https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&focus=Privacy
&url=https://github.com

Focused and Scrolled Area Screenshot

Automate Element Focused Captures

Keep every important element in frame.

Combine focus with templates, schedules, and storage delivery for repeatable documentation.

Create an account

Frequently asked questions

How do I focus on an element before a screenshot?

Add &focus=SELECTOR to your Add Screenshots request using text, ID, class, or name selectors. The service scrolls to the element before capturing.

Can I combine focus with other interactions?

Yes. Pair focus with click, hover, wait delays, viewport adjustments, and automation workflows such as schedules or webhooks.

Where do focused screenshots get delivered?

Route captures directly to AWS S3, Azure Blob Storage, Google Cloud Storage, Cloudflare R2, Secure FTP, email, or download them instantly.