源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery实现的导航固定效果

  • 时间:2022-03-30 10:42 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery实现的导航固定效果
jquery实现的导航固定效果
[u]复制代码[/u] 代码如下:
1.jquery代码, .nav为导航的class $(function(){    $(window).scroll(function() {  if($(window).scrollTop()>=250){   $(".nav").addClass("fixedNav");  }else{   $(".nav").removeClass("fixedNav");  }   }); }); 2.CSS代码 .fixedNav{  position:fixed;  top:0px;  left:0px;  width:100%;  z-index:100000;  _position:absolute;  _top:expression(eval(document.documentElement.scrollTop)); } 3.HTML代码 <div class="nav">     <p>导航固定</p> </div>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部