異なるscrollTopの位置を検出する方法

Question

scrollTopの位置よりも大きく異なるものを検出するには、次のようにします。ウィンドウが100pxより大きければbodyにクラスを追加し、150よりも大きければそのクラスを削除し、 。

$(window).scroll(function() {  
    var scroll = $(window).scrollTop(); 
    if (scroll >= 100) { 
     $('body').addClass('one'); 
    } 
    else (scroll >= 150) { 
     $('body').addClass('two'); 
     $('body').removeClass('one') 
    } 
}); 

（条件の場合のみ）動作していますが、（else条件）を使用して複数の位置で作業しているわけではありません。

Answer 1

あなたの問題は、基本的な制御フローでスクロールが> = 150であるならば、それはあなたがその第二のブロックに到達することは決してないだろうことを意味する> = 100間違いなくあるので、あなたの第2の条件が冗長である：

if (scroll >= 100) { 
    // execute if scroll is greater or equal to 100 
} else if (scroll >= 150) { 
    // execute if scroll is NOT greater or equal to 100 
    // execute if scroll is greater or equal to 150 
} 

あなたはでしょうそのようにそれらをラウンド交換する必要があります。

if (scroll >= 150) { 
    // execute if scroll is greater or equal to 150 
} else if (scroll >= 100) { 
    // execute if scroll is NOT greater or equal to 150 
    // execute if scroll is greater or equal to 100 
} 

ます。また、ここに構文エラーがあります：else (scroll >= 150) {はelse if (...