Draggables won't scroll up the page

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
barb woolums
Forum Contributor
Posts: 134
Joined: Sun Feb 08, 2009 9:52 pm

Draggables won't scroll up the page

Post 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 }
});
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Re: Draggables won't scroll up the page

Post 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.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
User avatar
barb woolums
Forum Contributor
Posts: 134
Joined: Sun Feb 08, 2009 9:52 pm

Re: Draggables won't scroll up the page

Post by barb woolums »

I removed the helper option and validated my markup, but still no joy
User avatar
barb woolums
Forum Contributor
Posts: 134
Joined: Sun Feb 08, 2009 9:52 pm

Re: Draggables won't scroll up the page

Post 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;
}
Post Reply