html 锚点无效,html5中使用锚点失效，each 遍历的时候停留在第一个（序号为0）...

单页导航

* {

padding: 0;

margin: 0;

}

a {

text-decoration: none;

color: #000;

}

.menu {

width: 1050px;

height: 40px;

line-height: 40px;

position: fixed;

background-color: #ccc;

left: 50%;

margin-left: -525px;

z-index: 1000;

}

.menu li{

list-style-type: none;

float: left;

width: 20%;

text-align: center;

}

.menu a {

width: 100%;

display: block;

}

.menu a:hover,

.menu a:current {

width: 100%;

display: block;

background-color: #dedede;

color: #f00;

}

.container {

position: relative;

width: 1050px;

margin: 0 auto;

}

.container li {

width: 350px;

height: auto;

float: left;

margin-top: 50px;

list-style-type: none;

}

.current {

width: 100%;

background-color: #dedede;

color: #f00;

}

$(function() {

$(window).scroll(function(){

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

var menu = $("#menu");

var items = $("main").find("section");

var currentId = " ";   //用来记录当前楼层

items.each(function() {

var m = $(this);

if(top > m.offset().top){

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

} else {

return false;

}

});

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

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

currentLink.removeClass("current");

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

}

});

});

• 1F 男装
• 2F 女装
• 3F 鞋包
• 4F 运动
• 5F 旅行

• 
• 
• 
• 
• 
• 
• 
• 
• 

• 
• 
• 
• 
• 
• 
• 
• 
• 

• 
• 
• 
• 
• 
• 
• 
• 
• 

• 
• 
• 
• 
• 
• 
• 
• 
• 

• 
• 
• 
• 
• 
• 
• 
• 
•