jquery - Rubaxa sortable causes scroll and weird behaviors on some android mobile devices i.e. s4 -
using jquery sortable rubaxa, , detected in devices impossible sort list, causing while sorting page scroll.
after adding scroll options situation improved in devices s5, no improvement @ on others.
this options using far.
<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 } };
as note, after adding scoll options user experience improved in ios devices.
Comments
Post a Comment