滾動(dòng)時(shí)不定焦
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.js"></script>
<script>
? ? ? ?
? ? ? ? ? ? //滾動(dòng)條發(fā)生滾動(dòng)時(shí),要獲取相應(yīng)的值。
? ? ? ? ? ?$(document).ready(function(){
? ? ? ? ? ? ? $(window).scroll(function(){
? ? ? ? ? ? ? ? ? var top =$(document).scrollTop();
? ? ? ? ? ? ? ? ? //console.log(top);
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? var menu = $("#menu");
? ? ? ? ? ? ? ? ? var items = $("#content").find('.item');
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? //請(qǐng)補(bǔ)充此處代碼,讓導(dǎo)航菜單實(shí)現(xiàn)在滾動(dòng)條滾動(dòng)的時(shí)候自動(dòng)設(shè)置焦點(diǎn)
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? var currentId = "";
? ? ? ? ? ? ? ? ? items.each(function(){
? ? ? ? ? ? ? ? ? ? ? var m = $(this);
? ? ? ? ? ? ? ? ? ? ? var itemTop = m.offset().top;
? ? ? ? ? ? ? ? ? ? ? if(top>itemTop-150){
? ? ? ? ? ? ? ? ? ? ? ? ? currentId = "#" + m.attr("id");
? ? ? ? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? ? return false;
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? //給相應(yīng)樓層的a 設(shè)置 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
找到了,是因?yàn)樵?menu()多了個(gè)括號(hào)。和menu.find("[href = " +currentId + "]").addClass("currrent");多了個(gè)r
2017-02-06
我也寫的是這樣的,和人家給的完全一樣,總是不出來