Demo 4: Floating Navigation Bar

Scroll down your page to see the right navigation menu "sticks" to the top of your window.

You've likely seen it while browsing the Internet – a navigation bar that sticks to the top of your screen as you scroll down a page. It ensures the navigation bar is always floating there, waiting to be used.

This can be easily set with the Float Panel script (3kb only).

For details please visit Floating Navigation Bar

Lorem ipsum dolor sit amet

Sollicitudin
- Lorem ipsum
- Dolor sit
- Commodo Rhoncus
  - Current
  - Consectetur
Quis Porttitor
Odio Ac
- Minima veniam
- Voluptate velit
Sapien quam

If the floatable element, div.float-panel, has the float:left style, it will float to the left when it becomes position: fixed. To avoid this, we added another wrapper, <div style="float:left;">...<div>, to the div.float-panel element.