scroll options doesn't work

[rniemeyer]

scroll options doesn't work

[rniemeyer]

Maybe you can try to put a sample in jsFiddle? This works for me: http://jsfiddle.net/rniemeyer/gkEVZ/. If you toggle scroll to false, then it does not scroll. The default for this option is actually true.

[mariojvargas]

@tgrandsire , I'm using KO sortable and had a similar issue. The trick is to have a viewport container and a scrollable region, where the sortable items will be located. The viewport's CSS has to have overflow set to "auto" or "scroll" and have relative positioning. The viewport's width should be fixed, but the scrollable region's width must be dynamically calculated after the items have been loaded. I ended up creating a separate binding that did this. The problem is not with the KO sortable binding but with jQuery UI sortable, in how it looks up the viewport and auto scrolls. It uses the .offsetParent() function (http://api.jquery.com/offsetParent/), which is why it's important to use the above properties on the viewport. Otherwise it will not work. I spent a week figuring this out.

Depending on your requirements, you might desire having the scrollbar hidden (overflow:hidden). You'll then have to write custom jQuery to handle the scrolling, but disable the sort option on the sortable plugin.

[tgrandsire]

@mariojvargas Thank you, it was actually a CSS issue, because the overflow-y of the body was set to scroll, and it should have been set to 'auto'.
@rniemeyer Thank you for this plugin, very useful and easy to use, well done.