How to have a custom scrollbar?

Questions
1

Hi team

My website has a black background.

I want to have a custom scroll bar.

How can I achieve that with Divhunt?

In webflow there are templates for it.

I only need something basic such as a color change

2

Hey, some of those scrollbars are very complex, and require a lot of skill to be created :slight_smile:

For now, in order to change default scrollbar, you can add this style in custom code of your webiste, you can add it in head end.

<style>

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
  background: #888; 
}

</style>

You can feel free to explore with other options such as colors, and width, and there is more,
heres an article to read more: https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp

2 Likes
3

Sooo cool thanks!!

Simple and very effective!

Looks way better now.

Thanks a lot :kissing_heart:

image
image296×1492 6.99 KB