Shulou(Shulou.com)06/01 Report--

In this article, the editor introduces in detail "how to achieve the fixed positioning effect of the navigation bar in jQuery". The content is detailed, the steps are clear, and the details are handled properly. I hope that this article "how to achieve the fixed positioning effect of the navigation bar in jQuery" can help you solve your doubts.

Realize the effect picture:

When sliding down, the navigation bar is fixed

Code:

* {margin: 0; padding: 0;} img {display: block; margin: 0 auto;} img#search.dhgd {position: fixed; left: 50%; margin-left:-596px; top: 0px } $(function () {/ / add the browser scroll bar event $(window) .scroll (function () {/ / get the currently scrolled distance var t = $(document) .scrollTop (); console.log ('='+ t) if (t > 126) {$("# search") .addClass ('dhgd')) } else {$("# search") .removeClass ('dhgd') }})})! [] (imgs/img01.png)! [] (imgs/img02.png)! [] (imgs/img03.png) here, the article "how to realize the fixed positioning effect of navigation bar in jQuery" has been introduced. If you want to master the knowledge of this article, you still need to practice and use it yourself. If you want to know more about related articles, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.