Examples
Examples - Scrollable Subitems
Sometimes you have more items in one submenu than will fit on the screen. In these situations, wouldn't it be nice to be able to scroll through them?
How it Works
This system is very simple. All that WebDDM does (when you set the correct configuration options) is set the "overflow" CSS property of the subitem container to "auto". Then, whenever items go out of a certain range, the browser automatically creates scrollbars.
The Code
Put the following array ("scroll-area") inside an "items" array. Items inside of that "items" array will become scrollable.

    'items':{
    	// ......
    	'scroll-area':{
    		'top':1,
    		'left':1,
    		'visible-width':152,
    		'visible-height':87
    	},

    	// ...... items ....
    }

Attribute Explanation: top
The "top" attribute defines the offset from the top of the background item (the "background-item" array, if you're using one). This allows you to create a solid background behind all items, even when scrolling.
Attribute Explanation: left
The "left" attribute defines the offset from the left of the background item (the "background-item" array, if you're using one). This allows you to create a solid background behind all items, even when scrolling.
Attribute Explanation: visible-width
This defines the width of the area in which the items will be visible.
Attribute Explanation: visible-height
This defines the height of the area in which the items will be visible.
Firefox Bug?
There appears to be a bug in Firefox regarding this feature. If you take the time to test the menu in Firefox, you will notice there is a large blank area below the last item. This is not visible in Internet Explorer, Opera, or any other browser we have tested this menu with.
View Source
View CSS file - View JavaScript file.
Examples
Examples: Last - Next