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 the two axes: http://i.imgur.com/ygGobeC.png
I'm looking for the code that add the arrows like that and not up and down.
相关问题
- Views base64 encoded blob in HTML with PHP
- Is there a way to play audio on a mobile browser w
- HTML form is not sending $_POST values
- implementing html5 drag and drop photos with knock
- Adding a timeout to a render function in ReactJS
I wanted to do the same thing, but without having to use background-images for the arrows. My solution is to use overlapping background gradients:
Just add:
http://jsfiddle.net/2aHeE/5227/
I've been playing around with it for you. First I set the buttons to be 10px x 10px to make it easier, and created 4 10 by 10 arrows pointing left, right, up and down. Then I set the background-size to be 100%, to scale it correctly. Then i set the correct image to each button using, the
:increment
,:decrement
,:horizontal
and:vertical
selectors. The images are on my public dropbox right now, but you can add your own.Here's the updated code: http://jsfiddle.net/Nk3NH/2/
the code I wrote was this:
EDIT: Managed to get the scroll buttons next to each other as OP wanted by adding these styles:
http://jsfiddle.net/Nk3NH/4/
Updated code with base64 images instead of broken links:
http://jsfiddle.net/burkybang/1z7vgfpt/