滾動時不定焦
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.js"></script>
<script>
? ? ? ?
? ? ? ? ? ? //滾動條發生滾動時,要獲取相應的值。
? ? ? ? ? ?$(document).ready(function(){
? ? ? ? ? ? ? $(window).scroll(function(){
? ? ? ? ? ? ? ? ? var top =$(document).scrollTop();
? ? ? ? ? ? ? ? ? //console.log(top);
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? var menu = $("#menu");
? ? ? ? ? ? ? ? ? var items = $("#content").find('.item');
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? //請補充此處代碼,讓導航菜單實現在滾動條滾動的時候自動設置焦點
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? var currentId = "";
? ? ? ? ? ? ? ? ? items.each(function(){
? ? ? ? ? ? ? ? ? ? ? var m = $(this);
? ? ? ? ? ? ? ? ? ? ? var itemTop = m.offset().top;
? ? ? ? ? ? ? ? ? ? ? if(top>itemTop-150){
? ? ? ? ? ? ? ? ? ? ? ? ? currentId = "#" + m.attr("id");
? ? ? ? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? ? return false;
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? //給相應樓層的a 設置 current,取消其他鏈接的current
? ? ? ? ? ? ? ? ? var currentLink = menu.find(".current");
? ? ? ? ? ? ? ? ? if(currentId && currentLink.attr("href") != currentId){
? ? ? ? ? ? ? ? ? ? ? currentLink.removeClass("current");
? ? ? ? ? ? ? ? ? ? ? menu.find("[href = " +currentId + "]").addClass("currrent");
? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? }) ;
? ? ? ? ? ?});
</script>
2017-02-06
找到了,是因為在#menu()多了個括號。和menu.find("[href = " +currentId + "]").addClass("currrent");多了個r
2017-02-06
我也寫的是這樣的,和人家給的完全一樣,總是不出來