JQuery achieves fixed navigation effect on the head of Baidu NLP bar, jquery navigation

JQuery achieves fixed navigation effect on the head of Baidu NLP bar, jquery navigation

This article describes how jQuery achieves a fixed navigation effect on the head of the Baidu NLP bar. Share it with you for your reference. The details are as follows:

Here, jquery is used to fix the header of the webpage, but it does not scroll with the scroll bar. In the special webpage effects sorted out in Baidu Post Bar, the fixed bar can be dragged to the top of the webpage with the scroll bar at the beginning, but after arriving at the top of the page, drag the scroll bar again, and the header does not scroll. Other content can scroll. It seems that there are quite a lot of effects on the Internet.

The running effect is as follows:

The 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 jquery programming.