YUI Library Examples: Drag & Drop: Window Scrolling

Drag & Drop: Window Scrolling

Setting up the Node

First we need to create an HTML Node to make draggable.

Now we give that Node some CSS to make it visible.

Setting up the YUI Instance

Now we need to create our YUI instance and tell it to load the dd-drag and dd-scroll modules.

Making the Node draggable with DD

Now that we have a YUI instance with the dd-drag and dd-scroll modules, we need to instantiate a DD instance from this Node.

Making the Window Scroll

Now that we have a draggable Node, we need to plug the Plugin.DDWinScroll plugin onto the Drag instance.