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

在头部导航栏的代码<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/
【温馨提示】本文内容和观点为作者所有,本站只提供信息存储空间服务,如有涉嫌抄袭/侵权/违规内容请联系QQ:727533600删除!

上一篇：做好商品详情页的九个要点

做好商品详情页的九个要点 1丶突出买家的诉求（买家的痛苦）首先你要知道你的目标买家他们的需求是什么？他们有什么痛苦？

下一篇：腾讯QQ在线状态显示为“未启用”

由于腾讯QQ在线状态服务的功能升级，导致部分商家QQ在线状态显示为未启用。如果您前台店铺的QQ在线状态为未启用请点击此链接http