jquery implementation Imitation Baidu post bar head fixed navigation effect _jquery

The example of this article describes the implementation of jquery-like Baidu paste head fixed navigation effect. Share to everyone for your reference. Specifically as follows:

This uses jquery to implement the head fixing on the page, but do not scroll with the effect of scrolling, in the Baidu paste out of the Web page effect, at the beginning, the fixed bar can be dragged to the top of the page with the scroll bar, but to the top of the page, drag the scroll again, the head does not scroll, other content can scroll, Seems to see on the internet quite a lot of effect.

The screenshot of the running effect is as follows:

The specific code is as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

I hope this article will help you with your jquery programming.