여러 div에 ScrollSpy 추가

Question

스크롤 스파이 매개 변수에 따라 숨김을 해제하는 div가 있지만 다른 조건에서 나타나는 다른 div를 추가하려면 어떻게해야합니까? 둘 다 div가 동시에 나타나기를 원하지 않습니다. 스크롤 된 후에 만 ​​나타납니다.

<script type='text/javascript'> 
    $(document).ready(function() { 
      $('.nav').hide(); 
      $('#sticky-navigation').scrollspy({ 
       min: $('.nav').offset().top, 
       onEnter: function(element, position) { 
        $(".nav").show('hide'); 
       }, 

      }); 
     }); 
</script> 

감사 :

아래 내 JQ입니다! JOE

Answer 1

조,

그것은 당신이 당신의 게시물에 그냥 조각에서 일을하려고 정확히 알고 어렵다,하지만 난 당신이 플러그인 사이트에서 색상의 예를 살펴한다고 생각 : https://github.com/sxalexander/jquery-scrollspy/blob/master/examples/colors.html

이 자바 스크립트를 실행하는 주요 코드는 "

$('.color').each(function(i) { 
    var position = $(this).position(); 
    console.log(position); 
    console.log('min: ' + position.top + '/max: ' + parseInt(position.top + $(this).height())); 
    $(this).scrollspy({ 
     min: position.top, 
     max: position.top + $(this).height(), 
     onEnter: function(element, position) { 
      if (console) console.log('entering ' + element.id); 
      $("body").css('background-color', element.id); 
     }, 
     onLeave: function(element, position) { 
      if (console) console.log('leaving ' + element.id); 
      // $('body').css('background-color','#eee'); 
     } 
    }); 
}); 

그는 그가의 클래스 발사하려고하는 div를 각각 제공합니다"컬러 "를 다음 각각의 특정 사업부에 기능을 할당하는 루프를 사용합니다.에 이 예는 그가 배경색에 서명 할 수 있지만 Divs 자체를 쉽게 표시하거나 숨길 수 있습니다. 동작을 루프에 채울 수없는 경우 각 div에 대해 scrollspy 함수를 개별적으로 할당 할 수 있습니다.

폴