So, here is how it’s done in your CSS file set #dock to fixed.

#dock {
width: 100%;
bottom: 10px;
position: fixed;
left: 0px;
}

This will lock it to the bottom of your screen. After setting your css, go to http://interface.eyecon.ro/download and download the source files (or click here.)

There are 2 files in this collection that are used on this menu fisheye.js, and iutil.js. The only one we need to edit is fisheye.js.

Look for the following  line

var posx = pointer.x – el.fisheyeCfg.pos.x;

and add the following lines of code afterwards

var windowHeight = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;

if(pointer.y > windowHeight)
{
pointer.y = windowHeight;
}

now for a little explanation. When you scroll down, pointer.y increases because it represents the location of the cursor (vertically) in relation to the page. All I did, was look at the height of the window and limited the value of pointer.y to that value.

Note: The window Height code came from http://snipplr.com/view/2638/height-of-window/