Как сделать прокручиваемый элемент перетаскиваемым?

Question

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

Я использую jquery ui, но в основном мне нужна полоса прокрутки, чтобы не мешать событиям перетаскивания.

Посмотрите эту js fiddle для примера: http://jsfiddle.net/eCbSp/

В Firefox перетаскивание вниз по полосе прокрутки вызывает перемещение окна, в chrome / т.е. курсор застревает в окне после попытки прокрутки с помощью мыши.

Кто-нибудь знает, возможно ли то, что я пытаюсь сделать?

Спасибо

Answer 1

Что я сделал, так это поместил div внутри вашего div прокрутки и установил его ширину равной 98% от ширины родительского элемента.Я создал его, чтобы он мог использоваться в качестве дескриптора, что означает, что когда пользователь щелкает этот элемент, он фактически перемещает перетаскиваемый элемент.Надеюсь, что это работает ... работает нормально, это jsfiddle, но не пробовал его через браузер, он должен работать, хотя =)

<div class="valign_outer container">
    <div class="myhandle" style="width:98%; height:100%;">
    <div class="valign_inner">
        <p>How much content is in here?</p>
        <p>Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>I am going to be bigger than min height!</p>
    </div>
</div>


var dragOpts = {
    handle: '.myhandle'

}
$('.container').draggable(dragOpts );

Вот пример его работы