I dislike the default scrollbar on Windows, so I wanted to change it somehow — it would be really great to make it similar/the same as a scrollbar on Mac. I found Finsweet’s custom scrollbar Chrome extension very useful and it does the job for the most part. However, the problem is that scrollbars aren’t a part of the website, they are added to the sides and a website’s content is moved to the left side a bit because of this. Also, most people had a horizontal scrollbar issue when everything was perfect, but that scrollbar still appeared — it happens most likely because of 100vw on an element. Viewport width doesn’t consider scrollbars as a part of the website, so the horizontal scrollbar appears because, well, there is some content that needs to be shown. In this case, people will use % instead of vw.
That being said, I didn’t want to agree with this way, also I wanted to make the scrollbar part of the website, so it wouldn’t move the content to the side a little bit, but will appear only on a scroll or hover over the right side of the screen — so I decided to find a solution.
I found a custom code that allows removing the scrollbar entirely — seems to work perfectly! Though, I want to have scrollbars because of accessibility and stuff like that.
It is worth noting that I want to apply these custom scrollbars to the “select” and “text-area”, but most importantly to the “body”.
Moreover, I’ll be really glad if someone gives a link or explains how to add jQuery stuff in Webflow. I’m not really good with coding, hence the inability to add that custom scrollbar, heh.
Thank you for your replies in advance!