CODEWITHSUNDEEP
htmlcsswebkitscrollbar
0xcaff
0xcaff

Reputation: 13681

Lines on scroll-bar CSS

I know in webkit it is possible to style the scroll bar using the ::-webkit-scrollbar properties but is it possible to have lines on the scroll bar? If so how?

In chrome when you hit Ctrl + F and type something lines appear on the scroll bar.

Upvotes: 4

Views: 1129

Answers (1)

Shu Ding
Shu Ding

Reputation: 1675

Define a custom scrollbar using ::-webkit-scroolbar then use linear-gradient as the background of ::scrollbar-track.

Here I wrote a demo on codepen: http://codepen.io/anon/pen/gppBzX

Upvotes: 2

Related Questions