title: Adding arrows to scrollbar
body: <p>I'm trying to add arrows to the <code>x</code> and <code>y</code> axes of the scrollbar, here's my scrollbar: <a href="http://jsfiddle.net/Nk3NH/" rel="noreferrer">http://jsfiddle.net/Nk3NH/</a> 
  And I want this arrow(image) for the two axes: <a href="https://i.imgur.com/ygGobeC.png" rel="noreferrer">http://i.imgur.com/ygGobeC.png</a>
  I'm looking for the code that add the arrows like that <img src="https://i.stack.imgur.com/yOlfa.gif" alt="enter image description here"> and not up and down.</p>