Adding arrows to scrollbar

Question

I\'m trying to add arrows to the x and y axes of the scrollbar, here\'s my scrollbar: http://jsfiddle.net/Nk3NH/ And I want this arrow(image) for

Answer 1

Because this is the first solution found on Google, when you have problems showing multiple buttons on one scrollbar, I will leave this answer here.
You have to add this lines to hide the extra buttons:

::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement,
::-webkit-scrollbar-button:horizontal:start:increment,
::-webkit-scrollbar-button:horizontal:end:decrement {
  width: 0;
  height: 0;
}