问题出在哪,怎么实现不了导航条随窗口滚动变化

来源:4-3 使用jQuery实现网页定位导航(下)

慕仰0443758

2017-03-20 23:16

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">

         $(document).ready(function(){

          $(window).scroll(function(){

          var top = $(document).scrollTop();

          var menue = $("#menue");

          var items = $("#content").find(".item");


                var currentId = " ";//当前楼层(item)



          items.each(function(){

          var th = $(this);

          var itemtop = th.offset().top;

         

          if(top>itemtop){

          currentId = "#"+th.attr("id");

          }else{

          return false;//如果条件不满足,跳出循环

          }

          })


          //给相应的楼层设置current样式

          var currentLink = menue.find(".current");

          if(currentId&&currentLink.attr("href")!=currentLink){

          currentLink.removeClass("current");

          menue.find("[href="+ currentId +"]").addClass("current");

          }

          })

         })

</script>


写回答 关注

1回答

  • qq_錵漈丶_0
    2017-03-21 14:08:19
    已采纳

    第一、二行:

    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

    <script>

    最后第7行:if(currentId && currentLink.attr("href") != currentId){




    慕仰0443...

    非常感谢!

    2017-03-23 21:45:46

    共 1 条回复 >

网页定位导航特效

本课程讲解网页定位导航特效,仿天猫版地狗购物网,你值得拥有

71404 学习 · 486 问题

查看课程

相似问题