I'd like to have a scrollable container with overflow:scroll in which
a sortable list is contained, like so:

<div id="container" style="overflow: scroll; width: 200px; height:
    <ul id="fruit">

and doing:
Sortable.create('fruit', {
    "scroll": "container"

This works as long as I choose an item from the visible part of the
list and if I drop it into the visible part.

If I choose an item from the visible part and try to drop it within
the invisible region (after scrolling) the other items just don't
"make room" for it.

If I scroll down and choose an item from the initially invisible part
and scroll with it to the initially visible part, it is droppable
between the initially visible items.

Using Prototype and Scriptaculous 1.8.2.

Any solution to this? Many thanks in advance.

You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to