點擊右側(cè)導(dǎo)航條能正確顯示結(jié)果,但當(dāng)滑動時右側(cè)導(dǎo)航條無任何效果,滑到在第一個圖層時右側(cè)導(dǎo)航條會全部顯示背景色
<script type="text/javascript">
$(document).ready(function(){
//滾動條滾動時
$(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
上全部代碼 估計問題已解決來了吧?
2016-10-20
改成id也沒用,導(dǎo)航條滑動時菜單都沒響應(yīng)
2016-10-20
我給菜單添加的是class類,感覺用.menu也沒錯
2016-10-20
var menu=$("#menu");這個應(yīng)該是#menu,你寫成了.menu,改過來就好了。