为大家提供织梦模板,dede模板,织梦网站建设,织梦网站建设教程,免费网站模板,网站源码下载,织梦模板下载,织梦自适应模板,织梦建站教程。
<script src="***/jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
var topmenu = jQuery("nav");
var topmenu_top = topmenu.offset().top;
reset_topmenu_top(topmenu, topmenu_top);
jQuery(window).scroll(function() {
reset_topmenu_top(topmenu, topmenu_top);
});
});
function reset_topmenu_top(topmenu, topmenu_top) {
var document_scroll_top = jQuery(document).scrollTop();
if (document_scroll_top > topmenu_top) {
topmenu.css({'position':'fixed','top':'0px'});
}
if (document_scroll_top <= topmenu_top) {
topmenu.attr('style',{'top':topmenu_top+'px'});
}
}
</script>
<nav class="nav"> //这里的nav样式自己在CSS控制
<div class="row">
<div class="large-12 columns">
<ul class="nav-bar">
<li data-magellan-arrival="download" class="active"><a class="smooth" href="#download">Download</a></li><li data-magellan-arrival="getstarted" class=""><a class="smooth" href="#getstarted">Get started</a></li><li data-magellan-arrival="usage"><a class="smooth" href="#usage">Demos & Usage</a></li><li data-magellan-arrival="documentation"><a class="smooth" href="#documentation">Documentation</a></li><li data-magellan-arrival="themes"><a class="smooth" href="#themes">Themes</a></li><li data-magellan-arrival="development"><a class="smooth" href="#development">Development</a></li>
</ul>
</div>
</div>
</nav>
本文标签:
版权说明:如非注明,本站文章均为 dede模板_织梦网站模板_网站源码下载_模板精 原创,转载请注明出处和附带本文链接。
上一篇
上一篇:没有了
下一篇
下一篇:Gzip压缩启用图文方法详细说明
售价:0 ℃ 评论
售价:0 ℃ 评论
售价:0 ℃ 评论
售价:0 ℃ 评论
售价:0 ℃ 评论
售价:0 ℃ 评论