Home/ Questions/Q 7987291
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T12:06:17+00:00

I have two lists in which using jQuery sortable i can move the items

  • 0

I have two lists in which using jQuery sortable i can move the items between them. 

$( '#productsList, #orderList' )
.sortable({connectWith: '.containerDiv'})
.disableSelection();

However I run into a problem when i want to use custom scroll bar and set overflow:hidden; on the two lists. I want them to be with max-height:400px.
If i set overflow hidden i cant see the items after i drag them outside of one div, If i dont set hidden the list will have default scroll bar.
Can anyone suggest a solution.

thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you remove the style position:relative from your lists is seems to work as you want it to.

    http://jsfiddle.net/cCDcQ/2/

    Edit:

    I would have thought that using the appendTo option would fix this issue and I was right. After a bit more fiddling, I got it to work. This way, you can keep the position:relative if you need it.

    http://jsfiddle.net/cCDcQ/4/

    • 0