Проблема перетягування та переповнення jQuery [закрито]

Я маю небажаний ефект, коли перетягую div з контейнера div, який встановлений як overflow: scroll.

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

Приклад на вставку кошика

Що трапляється, так це те, що прокрутка просто збільшена, я розумію, чому це буде бажаною поведінкою, якщо ви хочете перетягнути до пункту призначення в прокручуваному div, але я хочу мати можливість вивести її за межі схопленого схоплення.

У мене була подібна проблема з увімкненням перетягування між двома переповненнями автоматичних div За допомогою попередніх відповідей я виявив, що ця комбінація працює для мене (Safari 5.0.3, jquery-1.4.4, jquery-ui-1.8.7):

appendTo: 'body',
containment: 'window',
scroll: false,
helper: 'clone'

додатиTo

Елемент, SelectorDefault: 'батьківський'

Елемент, переданий або вибраний параметром appendTo, буде використаний як контейнер помічника, який можна перетягнути під час перетягування. За замовчуванням помічник додається до того самого контейнера, що і перетягуваний.

Приклади коду Ініціалізуйте перетягування із зазначеною опцією appendTo.

$('.selector').draggable({ appendTo: 'body' });

Звичайно, варто звернути увагу на документацію

http://docs.jquery.com/UI/Draggable#option-scroll

прокрутка

Тип: Логічне
за замовчуванням: true
якщо встановлено значення true, контейнер автоматично прокручується під час перетягування.

Всі, хто входить сюди, вчіться на моїй помилці, RT (F) M !!!

Клонове рішення працює, але має дві проблеми.

Перше: клон приєднується до тіла. Залежно від вашого css, ваш елемент може змінювати стилі, оскільки перед початком роботи він знаходиться всередині іншого елемента і під час перетягування він буде знаходитись безпосередньо на елементі body.

Друге: Іноді елемент ПОВИНЕН рухатись, і клон пускає об’єкт туди.

Отже, вирішенням цих проблем є:

$('.selector').draggable({
    helper: 'clone',
    start: function(){
        $(this).hide();             
    },
    stop: function(){
        $(this).show()
    }
});

Встановлення параметра прокрутки не заважає дітям ховатися в зоні переливу. Я придумав опрацювання, яке використовує допоміжний варіант. Перевір:

http://pastebin.me/164f0a4073496563fe3179ddcec5fd6d

Також тут є посилання на інший допис, який я зробив:

jquery ui перетягувані елементи, не перетягувані за межі прокручуваного div

Ви також можете вказати, які типи елементів ви не хочете включати.

<div class="draggable"> 
    <h2>This will drag the div</h2>
    <ul>
       <li>This won't drag the div</li>
    </ul>
</div>

Застосуйте це властивість скасування, щоб ігнорувати подію у вказаних дочірніх елементах

$('.draggable').draggable({cancel : 'ul'});