滚动时不定焦

来源:4-5 编程练习

慕粉1906006274

2017-02-06 00:25

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


<script>

       

            //滚动条发生滚动时,要获取相应的值。

           $(document).ready(function(){

              $(window).scroll(function(){

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

                  //console.log(top);

                  

                  var menu = $("#menu");

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

                  

                  //请补充此处代码,让导航菜单实现在滚动条滚动的时候自动设置焦点

                  

                  var currentId = "";

                  items.each(function(){

                      var m = $(this);

                      var itemTop = m.offset().top;

                      if(top>itemTop-150){

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

                      }else{

                          return false;

                      }

                  });

                  

                  //给相应楼层的a 设置 current,取消其他链接的current

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

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

                      currentLink.removeClass("current");

                      menu.find("[href = " +currentId + "]").addClass("currrent");

                  }

                  

              }) ;

           });

</script>

写回答 关注

2回答

  • 慕粉1906006274
    2017-02-06 20:15:44

    找到了,是因为在#menu()多了个括号。和menu.find("[href = " +currentId + "]").addClass("currrent");多了个r

  • qq_偲淰_04369482
    2017-02-06 10:25:22

    我也写的是这样的,和人家给的完全一样,总是不出来

    慕粉1906...

    有些人说是引用不对,但是不知道怎么样

    2017-02-06 19:42:14

    共 1 条回复 >

网页定位导航特效

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

71404 学习 · 486 问题

查看课程

相似问题