Сортируемая Rubaxa вызывает прокрутку и странное поведение на некоторых мобильных устройствах Android, например, s4
Используя jquery Sortable Rubaxa, обнаружил, что на некоторых устройствах практически невозможно отсортировать список, вызывая при сортировке прокрутку страницы.
После добавления параметров прокрутки ситуация улучшилась на некоторых устройствах, таких как s5, но на некоторых других улучшениях нет.
Это варианты, которые я использую до сих пор.
<ul>
<li id="1" class="listSort">Item 1</li>
<li id="2" class="listSort">Item 2</li>
<li id="3" class="listSort">Item 3</li>
<li id="4" class="listSort">Item 4</li>
<li id="5" class="listSort">Item 5</li>
...
...
<li id="20" class="listSort">Item 22</li>
</ul>
var sortable_settings = {
handle: '.listSort',
animation: 0,
ghostClass: "ghost",
scroll: true,
scrollSensitivity: 300,
scrollSpeed: 5,
//forceFallback: true,
//fallbackClass: "draggedGhost",
//fallbackOnBody: true,
//fallbackTolerance: 5,
onMove: function (event) {
//console.log(evt);
var target = event.target || event.srcElement;
setTimeout(function () {
setItemListPositions(target.id);
}, 200); // default 200
}
};
Как отмечается, после добавления параметров прокрутки пользовательский интерфейс улучшился на устройствах ios.