Custom Scrollbar with advance control

Design help Layout & Design
1

I want to create a custom scrollbar similar to https://cuberto.com

Where they designed the custom scrollbar but if you stay in position a little bit long scrollbar will hide. Only scrolling time it will come into the picture.

Please help me and let me because I’m kind of stuck

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @realsamrat you can modify scrollbar with CSS and on internet is many articles that explain how to here is one example but feel free to use your favourite browser an try search for keywords “custom scrollbar”

1 Like
3

Thanks a lot stan I will try it out and get back here if it is working properly without getting any issues

4

Hi @realsamrat I believe you will make it work as it is just very few lines of CSS.

5

@realsamrat @Stan

After talking to to Samrat privately, I have managed to implement a custom scrollbar, which looks like the one on https://cuberto.com. I’m sharing this for anyone else interested.

This obviously works with custom code. Visit the live site to see the scrollbar working.

Read-only link
https://preview.webflow.com/preview/overlay-scrollbars-example?utm_medium=preview_link&utm_source=designer&utm_content=overlay-scrollbars-example&preview=162421ca9727dcb25d611882a723c9c6&workflow=preview

Published site
https://overlay-scrollbars-example.webflow.io/

Overlay Scrollbars Documentation

1 Like
6

Really helpful for me and i think it would be useful for you too

1 Like