[ad_1]
I want to achieve this effect [https://bycrawford.com/portfolio/seospace](https://bycrawford.com/portfolio/seospace) using Gutenberg blocks.
I captured entire web pages with GoFullScreen Chrome extension. Now i want to display them as thumbnails on a site, so that users can scroll.
How to add a scroll bar? I don’t want “scroll on hover”. I would like a scroll bar like on the page in my example (done in SquareSpace 🙂
[ad_2]
1. Give the outer div a set height
2. Set the image inside it to 100% width, display: block
3. Set the scroll behaviour of the outer div to overflow-y: scroll
See here:
https://www.w3schools.com/cssref/tryit.php?filename=trycss3_overflow-y
In your example I think they might also be using a custom scroll indicator
If you are using elemento this feature is available in elements park options for elemento. Add it as a widget then set minimum you want for a section then a scroll efect starts from there