Sortable List and Auto-Scroll?

201 views
Skip to first unread message

Justin

unread,
Dec 10, 2010, 5:11:24 PM12/10/10
to jQTouch
I've been messing around with query ui sortable with the .addTouch
code from <a href="http://old.nabble.com/jQuery-UI-Support-on-the-
iPhone-td22011162s27240.html">here</a>, but I can't seem to get auto-
scrolling working properly for large lists. I have two problems:

1) Dragging an item to the bottom of the screen does not auto scroll
the list.

2) Initiating a drag on an item toward the bottom of the list causes
the view to snap back to the top of the list.

If I set scroll: false, then I am able to properly drag items that are
toward the bottom of the list, but I can only drop them in positions
that are visible on the screen at the time that I initiate the drag.

By the way, for others looking into this, setting $
(indexUl).sortable({axis: y} seems to really help performance while
rendering the drag.

Also, does anyone have a good grippie icon?

Thanks so much!

-Justin

Justin

unread,
Dec 10, 2010, 6:48:06 PM12/10/10
to jQTouch
Big Progress!

As per http://stackoverflow.com/questions/2489332/jquery-sortable-scroll-problem:

I removed overflow-x: hidden; from jqtouch.css and now sorting long
lists seems to work!

(Does anyone know if I can expect negative repercussions from making
this change?)

With the default apple theme the items look pretty bad while dragging,
so there is still more work to do...
Reply all
Reply to author
Forward
0 new messages