为什么一楼焦点不存在了

源自：4-3 使用jQuery实现网页定位导航（下）

为什么一楼焦点不存在了

点击一楼滚动条没有反应，下面是我的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>地狗购物网-网页定位导航效果</title>

<style>

margin:0;

padding:0;

}

body{

font-size:12px;

line-height:1.7;

}

li{

list-style:none;

}

#content{

width:800px;

margin:0 auto;

padding:20px;

}

#content h1{

color:#08b;

}

#content .item{

padding:20px;

margin-bottom:20px;

border:1px dotted #08b;

}

#content .item h2{

font-size:16px;

font-weight:bold;

border:2px solid #08b;

margin-bottom:10px;

}

#content .item li{

display:inline;

margin-right:10px;

}

#content .item li a img{

width:230px;

height:230px;

border:none;

}

#menu{

position:fixed;

top:100px;

left:50%;

margin-left:400px;

width:80px;

}

#menu ul li a{

display:block;

margin:5px 0;

font-size:14px;

font-weight:bold;

color:#333;

width:80px;

height:50px;

line-height:50px;

text-decoration:none;

text-align:center;

}

#menu ul li a:hover,#menu ul li a.current{

color:#fff;

background:#08b;

}

</style>

$(document).ready(function() {

$(window).scroll(function(){

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

var menu=$( "#menu");

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

var currentId="";

items.each(function() {

var m=$(this);

var itemTop=m.offset().top;

if(top>itemTop-200){

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");

}

//console.log(top);

});

</script>

</head>

<body>

<ul>

</ul>

</div>

<h1>地狗购物网</h1>

<ul>

</ul>

</div>

<ul>

</ul>

</div>

<ul>

</ul>

</div>

<ul>

</ul>

</div>

<ul>

</ul>

</div>

</body>

</html>

提问者：慕仙4324424 2016-11-23 20:39

为什么一楼焦点不存在了

个回答