~~~ <nav class="menu g-widthmin" jsFloatNav="nav" jsFloatPos="top"> <ul class="menuList g-width g-wrap"> <li class="act" jsFloatNav="part1">內容分類</li> <li jsFloatNav="part2">業務全景圖</li> <li jsFloatNav="part3">解決方案</li> <li jsFloatNav="part4">推薦業務</li> <li jsFloatNav="part5">客戶案例</li> <li jsFloatNav="part6">合作伙伴</li> </ul> </nav> ~~~ ~~~ /* ----- ----- 頁面滾動到相應位置，響應對應導航 -----obj ：jsFloatNav="nav" -----opr : jsFloatNav="**" -----gid : jsFloatNavGid="**" -----activeClass : "act" ----- */ if( $('[jsFloatNav]').attr("jsFloatNav") == "nav" ){ var _navArry =[]; var _navArryTop =[]; var _jsFloatNav = $('[jsFloatNav="nav"]').find('[jsFloatNav]'); var _jsFloatNavH = $('[jsFloatNav="nav"]').height(); for (var i = 0; i < _jsFloatNav.length; i++) { _navArry[i] = _jsFloatNav.eq(i).attr("jsFloatNav"); _navArryTop[i] = $('[jsFloatNavGid='+ _navArry[i] +']').position().top - _jsFloatNavH; } _jsFloatNav.on("click",function(){ var _index = $(this).index(); $("body,html").animate({scrollTop: _navArryTop[_index] },500); }); $(window).scroll(function(){ for (var i = 0; i < _navArry.length; i++) { if( $(window).scrollTop() >= _navArryTop[i]){ _jsFloatNav.eq(i).addClass("act").siblings().removeClass("act"); } } }); } ~~~