$(function(){ $(".suspension").css({ // "top" : $(document).height()/2 - $(".suspension").height()/2 + "px" //"top" : "30px" }); }); $(document).ready(function(){ $(window).scroll(function(){ var top = $(document).scrollTop(); //定义变量,获取滚动条的高度 var menu = $("#menu"); //定义变量,抓取#menu var items = $("#full_text").find(".item"); //定义变量,查找.item var curId = ""; //定义变量,当前所在的楼层item #id items.each(function(){ var m = $(this); //定义变量,获取当前类 var itemsTop = m.offset().top; //定义变量,获取当前类的top偏移量 if(top > itemsTop-100){ curId = "#" + m.attr("id"); }else{ return false; } }); //给相应的楼层设置cur,取消其他楼层的cur var curLink = menu.find(".lidios"); if( curId && curLink.attr("href") != curId ){ curLink.removeClass("lidios"); menu.find(".lidiostext").removeClass("lidiostext"); menu.find( "[href=" + curId + "]" ).addClass("lidios"); menu.find( "[href=" + curId + "]" ).addClass("lidiostext"); menu.find( "[href=" + curId + "]" ).parents(".grade2").children("a:first").addClass("lidios"); menu.find( "[href=" + curId + "]" ).parents(".grade2").children("a:first").addClass("lidiostext"); menu.find( "[href=" + curId + "]" ).parents(".grade3").children("li:first").children("a:first").addClass("lidios"); menu.find( "[href=" + curId + "]" ).parents(".grade3").children("li:first").children("a:first").addClass("lidiostext"); $(".grade3").hide(); $(".grade4").hide(); menu.find( "[href=" + curId + "]" ).parents(".grade2").find(".grade3").show(); menu.find( "[href=" + curId + "]" ).parents(".grade3").find(".grade4").show(); } // console.log(top); }); $(".grade_2").click(function(){ $(".grade3").hide(); $(this).next("ul").show(); }); });