Floating Div JavaScript This page demonstrates one use of the "Floating Div" JavaScript. The HTML content for the page is more complex than the simple examples but the concept is the same. You have some HTML, complex or not, wrapped in a named "DIV" element. The script will then keep the DIV element always in view as the browser window is scrolled. It uses a gentle floating action to return the DIV to view which is a lot easier on the eye than just trying to keep the layer static. Try it now. Use the scrollbar and scroll down the page and back up. Notice how the menu floats gently back into view as you scroll? The affect has been enhanced here by using a special layout and nice graphics to give the affect that the menu is on a "rail". You can make your floating menu (or image or text or whatever you can put in a DIV element) as complex or as simple as you like. Install Instructions
1) Open up your webpage document in Notepad Customization Instructions
4) Put your content in place of the "<b>Your Content Here</b>" content |