Clever Geek Handbook

Webkit custom scroll button

I am trying to figure out how to create a webkit scroll button. I am testing this on safari on Mac.

I've read these guides, but I can't let life define me how to get a simple button to make it move up and down. I have an image that I was supposed to emulate, but I don't know how to do it. Can images be used as buttons? Sample image

! ( http://oi62.tinypic.com/28kh76a.jpg )

http://css-tricks.com/custom-scrollbars-in-webkit/

Is it still there.

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

::-webkit-scrollbar-track {
background-color: #fff;  
}

::-webkit-scrollbar-thumb {  
background-color: #81CFCC;  
height: 10px;

but not sure how to get the up and down scroll buttons .. or how to style them.

+3


source to share


2 answers


refer to this article, this is all you need to know for webkit scrollbars

Custom scrollbars in WebKit - Css Tricks

EDIT 1

You can try something like this



::-webkit-scrollbar-button {
  background: #444;
}

EDIT 2

hope this helps in some way

http://jsfiddle.net/vfmfmaxo/

+3


source


Use the selector ::-webkit-scrollbar-button

and set its display to lock. I didn't get the buttons to appear until I installed their display support.



+3


source






More articles:


All Articles