When you scroll down this page, you will notice that the menu on this page will move to keep onscreen.
As is customary with WebDDM, this feature is very simple to implement. You need to include one extra Javascript source file in your HTML to use floating menus.

<script src="../js/core.WebDDM.compressed.js"></script>
<script src="../js/FloatAPI.WebDDM.compressed.js"><!-- For WebDDM floating menus --></script>

The fastest, simplest, way to implement this feature is to use CSS's built-in position, "fixed". This will keep the menu onscreen at all times.

// Begin base menu
var menu = {
	'position':'fixed',
	'top':0,
	'left':0,
	'width':500,
	'height':30,
	'expand_menu':'auto',

	// The rest of the menu...
};

This would be the best way, but unfortunately, Internet Explorer does not support this at all. Considering 80% of web browsing is still done by IE, consider doing it the WebDDM way... The other technique to getting a floating menu is also very simple.
You can simply set some attributes and WebDDM will keep your menu onscreen. It looks fancier than the CSS method, but you don't have to exert yourself too much more.

// Begin base menu
var menu = {
	'position':'absolute',
	'top':0,
	'left':0,
	'width':500,
	'height':30,
	'expand_menu':'auto',
	/* Float configuration */
	'float':true,
	'floatSpeed':70,

	// The rest of the menu...
};

The float speed should not go above 99. View CSS file - View JavaScript file. Plugins: Last - Next