jquery UI draggable: горизонтальное перетаскивание внутри контейнера с переполнением:scroll?

Question

Эй, ребята, я уже использовал функцию перетаскивания jqueryUI для реализации поведения перетаскивания.

На этот раз я задаюсь вопросом, легко ли можно реализовать перетаскивание на горизонтальную полосу прокрутки?

Например, у меня есть div-контейнер с изображениями и абзацами в нем. Контейнер имеет прокрутку overflow-x, поэтому появляется полоса прокрутки, которая позволяет прокручивать все содержимое контейнера по горизонтали.

Можно ли реализовать поведение перетаскивания, чтобы при нажатии на изображение я мог перетаскивать все внутреннее содержимое контейнера по горизонтали в пределах контейнера.

Звучит сложно, я знаю:), но мой план на самом деле очень прост. посмотрите этот пример: http://jsfiddle.net/TT9hq/2/

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

Answer 1

Вы не будете перетаскивать контент, потому что контент остается на своем месте в родительском контейнере (div). Вам нужно только установить позицию прокрутки контейнера div.

может быть, вы заглянули на http://plugins.jquery.com/project/ScrollTo и используете scrollTo для mowsedown и mousemove.