CODEWITHSUNDEEP
jqueryjquery-uiuislider
user381800
user381800

Reputation:

Add left and right arrows to scroll slider?

Is it possible to add left and right arrows to a jQuery UI Slider in addition to the default scrollbar?

The particular example I am using is this -> http://jqueryui.com/slider/#side-scroll

As you can see it comes with the drag slider at the bottom of the content. However, I would like to add also a left and right arrow when mouse hover over, it will incrementally scroll the scrollbar left and right respectively.

Any insights on this is appreciated!

Upvotes: 0

Views: 3204

Answers (2)

mkoryak
mkoryak

Reputation: 57968

you were missing a small detail. The slider widget by itself does not control the position of the content. Its slide method takes care of that. When you updated the value of the slider programmatically, this method was not called, because no user interaction occurred.

I refactored your code to make the slide no longer be an anon function. i call it from the hover handers:

http://jsfiddle.net/j4WY6/13/

Upvotes: 1

Pitchai P
Pitchai P

Reputation: 1317

Please refer this page. This would help you.

http://manos.malihu.gr/tuts/custom-scrollbar-plugin/scroll_buttons_and_snap_scrolling_examples.html

Upvotes: 0

Related Questions