• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

jQuery 导航菜单、广告 —— 固定、置顶、跟随_js/jQuery

当前位置：网站建设 > 技术支持

导航跟随，是目前制作网站模板所必须的，

//导航跟随

$(function(){

var nav=$("#nav-header");

var win=$(window);

var sc=$(document);

win.scroll(function(){

  if(sc.scrollTop()>=110){

    nav.addClass("fixednav");

   $(".navTmp").fadeIn();

  }else{

   nav.removeClass("fixednav");

   $(".navTmp").fadeOut();

  }

}) 

});

HTML：

<div id="nav-header" class="navbar">
      <ul class="nav">
        <li><a href="#">首页</a></li><li><a href="#">首页</a></li>
        <li><a href="#">首页</a></li><li><a href="#">首页</a></li>
      </ul>
</div>

CSS：

.fixednav {position: fixed;top: 0;z-index: 265;width: 100%;opacity: .95;}

以上演示代码来源于李洋博客。

浏览器置顶/固定跟随可以用在导航菜单或者侧栏广告位等地方。

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。