emlog导航栏悬浮跟随代码

刚开始接触emlog的时候，觉得导航栏悬浮特牛。但是自己不会啊，就选择了这款自带这个效果的主题。虽然效果有了，但是自己还是不会整。今天在别的博客看见了这个代码，应该可以用在emlog。



1.在header.php中</head>前插入以下代码，本文以默认模板为例。

<script> $(function () { if ($(".fixed_bar").length > 0) { var offset = $(".fixed_bar").offset(); $(window).scroll(function () { var scrollTop = $(window).scrollTop(); if (offset.top <= scrollTop) $(".fixed_bar").addClass("fixed1"); else $(".fixed_bar").removeClass("fixed1"); });}}); </script>

2.在module.php文件 找到 //blog：导航 中的 <ul class="bar">  并修改为 <ul class="bar fixed_bar">



这一步就差不多了，剩下的就是调试CSS了。

.fixed_bar{clear:both;}
.fixed_bar img{max-width:100%;}
.fixed1{position:fixed;top:0px;width:960px;z-index: 9999;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

其实，emlog侧边栏悬浮和这个代码一样！赶紧去试试吧！