jQuery Использование ползунка и стрелок для создания настраиваемой горизонтальной полосы прокрутки

Question

Я достиг большого прогресса в этом, но есть часть, которую мне не хватает, и кажется, что это должно быть просто.

У меня горизонтальный div, и я использую что-то похожее на это: http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div

Но я также хочу включить стрелки сбоку, чтобы пользователь мог перемещать ползунок, нажимая на эти стрелки. Ползунок будет перемещаться на 20% от его общей ширины при каждом нажатии.

Кажется, все в порядке, когда используется только ползунок или только стрелки. Кажется, проблема в том, что я не могу получить точное число для положения ползунка, если начну смешивать и сопоставлять, перетаскивая ползунок, а затем переключаясь на стрелки. Так как математика неверна, ползунок либо не дойдет до конца, либо слишком далеко зайдет мимо элемента, содержащего ползунок.

Уже существует что-то подобное или есть более простой способ сделать это?

Спасибо

Answer 1

Вы опубликовали это очень давно, но я хотел бы взвесить и предложить использовать глобальный флаг, чтобы отслеживать положение скользящего элемента. Таким образом, независимо от того, используют ли пользователи стрелки или полосу прокрутки, функции получат доступ к одному и тому же начальному номеру.

Просто мысль!