Does anybody know here how to make scroll bars more trendy if i use overflow:scroll property.

Question

making scroll bars more trendy

Answer 1

You cannot style scroll bars, as they are not part of your html content but of browser/os...

All the more that you can do is to force hide them, and next write your own scroll handler (on desktop user can only scroll with mousewheel, on mobile they can do scroll by swipe gesture, but nothing will visually indicates that there's a scrollable area ^^ (and write this kind of handler is not an easy gol to reach ;P)

Answer 2

There are css selecters for it.
But as far as I know, they will only work on chrome or chromium based browsers. Firefox doesn't support them.

Answer 3

Any alternative then i mean any plugin or frameworks that will make those scrollable boxes look good

Answer 4

Give this code snippet a try. You can change the css to design differently

https://codepen.io/GhostRider/pen/GHaFw