Прокрутите сортировку по вертикали, а не по горизонтали, без статической позиции

Question

Рассмотрите панель с длинным списком элементов, которые вы хотите перетащить. Если список сортируется jQuery, то он прокручивается по вертикали, ловушки внутри.

this jfiddle показывает проблему. Я бы просто хотел установить:

.scroll{ 
    overflow-y:scroll; 
    overflow-x:visible; 
} 

Очевидно, что это никогда не бывает так просто с CSS. Переполнение влияет на положение по волшебным путям. Единственный способ, которым я могу заставить его работать, - установить положение .scroll на static (см. how nice).

Это нежелательно, хотя по нескольким причинам, которые, я надеюсь, очевидны для многих стайлеров. Кто-нибудь знает, как сделать эту работу с позицией absolute или relative?

Answer 1

Что вы хотите сделать, это добавить опцию containment:true и установить ее в контейнер, в котором сортируются ваши жизни. Таким образом, он не будет выходить за пределы левого и правого полей.