私はスクロール位置を確認したい単一の条件で

Question

オフセットscrollTopスプライトとidの両方をチェックすることは350以上であるとmenuStickyオフセット位置は同じcondition.that条件で92あるworking.Iは、コードの私の作品に

$(window).scroll(function(){ 
if(($(document).scrollTop() >= 350) && (($('.menuSticky').offset().top)==92)) { 
      console.log('true'); 
      $('.dropdown').hover(function() { 
      $('.secMenu').hide(); 
      $(this).toggleClass("open"); 
     }).mouseleave(function(){ 
      $('.secMenu').show(); 
     });  
     } 
     }); 

を与えたではありません

Answer 1

は$（ウィンドウ）.scrollTop（）

$(window).scroll(function() { 
 
    if (($(window).scrollTop() >= 350) && (($('.menuSticky').offset().top) == 92)) { 
 
    console.log('true'); 
 
    $('.dropdown').hover(function() { 
 
     $('.secMenu').hide(); 
 
     $(this).toggleClass("open"); 
 
    }).mouseleave(function() { 
 
     $('.secMenu').show(); 
 
    }); 
 
    } 
 
});

Answer 2

あなたのコードで$（文書）.scrollTop（）をされて交換してみてください次のスニペットでは編集せずにコードを使用していますが、.menuStickymargin-top:92px;を指定して、2番目の条件が真となり、うまく動作するようにしました。

$(window).scroll(function(){ 
 
    if(($(document).scrollTop() >= 350) && (($('.menuSticky').offset().top)==92)) { 
 
    console.log('true'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class="menuSticky" style="margin-top:92px"> Menu </div> 
 
<div style="height:1000px;">Some content</div>