Stop scrolling screenshots when a given selector is visible

New options were added to the ScreenshotOne API to stop scrolling screenshots when a given selector is reached.

Blog post 1 min read

Written by

Dmytro Krasun

Published on

ScreenshotOne has a scrolling screenshot feature. It allows you to record videos of a page being scrolled. There is a variety of options to tune it and make it work for your case.

But one of the ScreenshotOne customers requested a new option—to stop scrolling screenshots when a given selector is visible.

For example, you want to record a video of a page being scrolled till the “pricing section” is visible and stop there for some reason. Or like in the example below, you want to record a video of a page being scrolled till the “code example” section:

Two new options have been added to the ScreenshotOne API to achieve that:

  1. scroll_till_selector—scroll till the selector is visible;
  2. And scroll_till_selector_adjust_top—adjust the top position of the selector in the viewport.

The resulting code for the example above will be:

https://api.screenshotone.com/animate?access_key=<YOUR API KEY>
&url=https://screenshotone.com/scrolling-screenshots/
&scenario=scroll
&scroll_till_selector=body%20%3E%20div:nth-child(8)

If you have any feedback or suggestions, please let us know at support@screenshotone.com.

Read more product updates

New features, bug fixes, and optimizations...

View all product updates
Improved blocking of banners and popups

Improved blocking of banners and popups

Improved generic algorithm to bypass blockers and better banner exclusion heuristics.

Read more

1 min read

Improved Supabase Storage integration

Improved Supabase Storage integration

Improved Supabase storage integration.

Read more

1 min read

Better and more extensible PDF rendering

Better and more extensible PDF rendering

ScreenshotOne supports PDF rendering for a long time but it was used till recently by a small group of customers. Growing demand in PDF rendering required updating the API. And today, we introduce new options for PDF customization.

Read more

1 min read

Automate website screenshots

Exhaustive documentation, ready SDKs, no-code tools, and other automation to help you render website screenshots and outsource all the boring work related to that to us.