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侧边栏悬浮和这个代码一样!赶紧去试试吧!

版权所有:《博客之家
文章标题:《emlog导航栏悬浮跟随代码
除非注明,文章均为 《博客之家》 原创
转载请注明本文短网址:https://bk.likinming.com/post-549.html  [生成短网址]

日期:2017年09月04日 星期一   分类:好文分享   浏览(6389)
本文已经被百度收录,点击查看详情
声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。免费发布信息

留言/评论:◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

自动获取QQ

昵称

邮箱

网址

网站收录提交

  • 名称:
  • 网址:

网址统计

  • 收录网址:868 个
  • 发布文章:913 条
  • 本站运行:5年4月29天
Copyright © 2012 - 2018 by 李明关于本站免责声明本站下载站点地图sitemap广告联系