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

#jquery #jquery-ui #draggable #jquery-ui-draggable

#jquery #jquery-пользовательский интерфейс #перетаскиваемый #jquery-ui-перетаскиваемый

Вопрос:

эй, ребята, я уже использовал функцию перетаскивания jQueryUI для реализации поведения drag amp; drop.

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

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

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

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

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

Ответ №1:

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

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