How to create an animated sticky header after some scrolling

In this tutorial we'll create a header, as the menu bar shown on the top, that sticks to the top of the viewport. The sticky menu bar will animate itself after some scrolling.

Just wrap the header with Menucool Float Panel, and add a few styles to your stylesheet. It is as simple as that.

Go to Float Panel to download this demo (demo 2) and source code

We're done! For details please view the source code of demo2.html in the download package.