Page 1 of 1

Draggables won't scroll up the page

Posted: Wed Jul 16, 2014 4:23 am
by barb woolums
I am using the jquery multidraggable plugin (from myphpetc) on my website, but my draggables won't scroll up the page even though I have scroll set to true.

You can see this at Web Recipe Manager

Log in as user demo p/w demo99

Select Shopping Lists from the Menu Planning menu

Load the saved list from the dropdown, then scroll down the page and try to shift + click and drag any recipe item up the page.

Here is the js

Code: Select all

$(".drop").multidraggable({
    helper: 'clone',
    revert: false,
    cursor: 'pointer',
    scroll: true,
    cursorAt: { top: 0 }
});

Re: Draggables won't scroll up the page

Posted: Wed Jul 16, 2014 10:38 am
by pickle
I had a similar problem in that I wasn't able to scroll to the bottom. Try changing or removing the "helper" option, as well as validate your markup.

Re: Draggables won't scroll up the page

Posted: Wed Jul 16, 2014 11:21 pm
by barb woolums
I removed the helper option and validated my markup, but still no joy

Re: Draggables won't scroll up the page

Posted: Thu Jul 17, 2014 1:58 am
by barb woolums
So I removed everything off the page except the draggables and started adding stuff back in until the scrolling stopped working and discovered it was caused by the css for one of my jquery plugins. This was the problem

Code: Select all

html, body {
	overflow-x: hidden;
}