Перетащите без прокрутки на сортируемый элемент jQueryUI - PullRequest
Новая
       0

Перетащите без прокрутки на сортируемый элемент jQueryUI

3 голосов
/ 18 января 2012

Если у меня есть div с фиксированной высотой и сортируемыми элементами, и если я перетащу его в список ниже, div будет прокручиваться. Я думал, что смогу установить переполнение: скрытый, который скрывает полосу прокрутки, но все еще прокручивает div.

В этой скрипке описать гораздо проще: http://jsfiddle.net/PrZNr/2/

Если я попытаюсь перетащить A1 под B1, div будет прокручиваться, что может раздражать пользователя. Как я могу предотвратить это поведение? 

<div id="items">
    <ul class="sort">
        <li>Item A1</li>
        <li>Item A2</li>
        <li>Item A3</li>
        <li>Item A4</li>
        <li>Item A5</li>
        <li>Item A6</li>
        <li>Item A7</li>
        <li>Item A8</li>
        <li>Item A9</li>
        <li>Item A10</li>
    </ul>
</div>
<ul class="sort">
    <li>Item B1</li>
    <li>Item B2</li>
    <li>Item B3</li>
    <li>Item B4</li>
    <li>Item B5</li>
</ul>

<script>
$(function() {
    $('.sort').sortable({
        connectWith: '.sort',
        start: function() {
            $('#items').css({
                overflow: 'hidden'
            });
        },
        stop: function() {
            $('#items').css({
                overflow: 'auto'
            });
        }
    });
});
</script>

1 Ответ

6 голосов
/ 18 января 2012

Ну, как-то я упустил очевидное: опция "прокрутка", мне просто нужно установить прокрутку в ложь ...

http://jsfiddle.net/PrZNr/3/

...