複数のDivへのScrollSpyの追加

Question

私は、スクロールスパイのパラメータに従って非表示にするdivを持っていますが、別の条件で表示される別のdivを追加したいのですが？私は両方のdivが同時に表示されることを望んでいない、彼らがスクロールした後にのみ。以下

私JQです：

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

      }); 
     }); 
</script> 

ありがとう！ JOE

Answer 1

ジョー、

それはあなたがあなたの投稿にあなただけのスニペットからやろうとして内容を正確に把握するのは難しいのですが、私はあなたがプラグインのサイトからの色の例を見てみなければならないと思う：https://github.com/sxalexander/jquery-scrollspy/blob/master/examples/colors.html

これは色 『「彼は彼がのクラスを発射しようとしているdiv要素のそれぞれを与える

$('.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に機能を割り当てるためにループを使用してJavascriptを実行し、メインのコードスニペットです。でこの例では、彼は背景色に署名することもできますが、div自体を簡単に表示または非表示にすることもできます。ビヘイビアをループに埋め込むことができない場合は、各divにscrollspy関数を個別に割り当てることができます。

ポール