分享个导航栏悬浮的代码，很有用的哦~~~

在头部导航栏的代码<div class="menu">的上面加上代码：

<!--导航悬浮-->
<style type="text/css">
.navontop{position:fixed;top:25px;margin-left:auto;margin-right:auto;width:980px;z-index:999;}</style>
<script type="text/javascript">
jQuery(document).ready(function(){
    var navtop=jQuery("#nv").offset().top;
    jQuery(window).scroll(function(){
        var temp=jQuery(this).scrollTop();
        if(temp>navtop)
            jQuery("#nv ").addClass("navontop ");
        else
            jQuery("#nv ").removeClass("navontop ");
    });
});</script>



然后在div里面加上一个 id="nv"  如下：

<div id="nv" class="menu">

同理也可以在文章内容的右侧加上悬浮的内容，使比较长的文章右侧不会变得那么多的空白。详情请参考网站https://www.jc68.com/