Hubspot worked with me to build this fantastic flipping box. They made it a custom module. I love everything about the flipping box except the scroll bar. (See attached)
Essentially the current scroll box is clunky and the classic rectangle.
I've done some research in editing the scroll bar and it requires a webkit code. However, every codepen or 3rd party site I explore for help doesn't even have the format of scroll bar I want.
I'm essentially desiring the simple apple scroll bar: it's invisible (the hubflip scrollbar doesn't have to be invisible) until you scroll, then a smaller oval pops up and shows the placement on the page. I don't want arrows on the top or the bottom either.
I have tried multiple times to figure out how to create a jsfiddle with my hubflip but got no where. Below is the code for the CSS. Hopefully this is the gist of what you need.
Codepen is the go-to for me for code, but I don't like the styles of those scroll bars either. I've come to the conclusion that the only way to get the scroll bar I desire is for my customers to view my webpage on a mac instead of windows. Thanks for your help though.
Codepen is the go-to for me for code, but I don't like the styles of those scroll bars either. I've come to the conclusion that the only way to get the scroll bar I desire is for my customers to view my webpage on a mac instead of windows. Thanks for your help though.
I'd advise against styling the scrollbar or changing it's default behavior. It's style is determined by the operating system and it should be consistent so the end-user doesn't have to think when they see a scrollbar whether or not it is indeed a scrollbar.
That being said, I do hate the look of Window's scroll bars... ¯\_(ツ)_/¯