點(diǎn)擊右側(cè)導(dǎo)航條能正確顯示結(jié)果，但當(dāng)滑動(dòng)時(shí)右側(cè)導(dǎo)航條無(wú)任何效果，滑到在第一個(gè)圖層時(shí)右側(cè)導(dǎo)航條會(huì)全部顯示背景色
<script type="text/javascript">
$(document).ready(function(){
//滾動(dòng)條滾動(dòng)時(shí)
$(window).scroll(function(){
var top=$(document).scrollTop();
var menu=$(".menu");
? ? ? ? ? ? ? ? ? // console.log(top);
? ? ? ? ? ? ? ? ? var items=$("#content").find(".item")
? ? ? ? ? ? ? ? ? var currentId=""; ? ?//當(dāng)前所在樓層的id；
? ? ? ? ? ? ? ? ? ?items.each(function(){
? ? ? ? ? ? ? ? ? ? var m=$(this);
? ? ? ? ? ? ? ? ? ? var itemTop=m.offset().top;
? ? ? ? ? ? ? ? ? ? if (top>itemTop-200) {
? ? ? ? ? ? ? ? ? ? currentId="#"+m.attr("id");
? ? ? ? ? ? ? ? ? ? } else{
? ? ? ? ? ? ? ? ? ? return false;
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ?});
? ? ? ? ? ? ? ? ?//給相應(yīng)的樓層a 設(shè)置current，取消其他鏈接的current
? ? ? ? ? ? ? ? ? var currentLink=menu.find(".current");
? ? ? ? ? ? ? ? ? if(currentId&¤tLink.attr("href") !=currentId)
? ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? currentLink.removeClass("current");
? ? ? ? ? ? ? ? ? ? menu.find("[href="+currentId+"]").addClass("current");
? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? });
});
2016-12-12
上全部代碼 估計(jì)問(wèn)題已解決來(lái)了吧?
2016-10-20
改成id也沒(méi)用，導(dǎo)航條滑動(dòng)時(shí)菜單都沒(méi)響應(yīng)
2016-10-20
我給菜單添加的是class類，感覺(jué)用.menu也沒(méi)錯(cuò)
2016-10-20
var menu=$("#menu");這個(gè)應(yīng)該是#menu，你寫成了.menu，改過(guò)來(lái)就好了。