將ScrollSpy添加到多個Div

我有一個根據滾動間諜參數隱藏的div，但是如果我想添加另一個在不同條件下出現的div，該怎麼辦？我不希望兩個div都在同一時間出現，只有在它們滾動後纔會出現。下面將ScrollSpy添加到多個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

來源

2012-04-09 Joe Isaacson

喬，

很難確切地知道你想從你剛纔的片段在你的帖子做的，但我認爲你應該看看顏色例如從插件網站：https://github.com/sxalexander/jquery-scrollspy/blob/master/examples/colors.html

這是主要的代碼段執行JavaScript的」

$('.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的，他正試圖火一類的‘顏色’，然後使用循環分配給每個特定的div的功能。在這個例子他是簽署背景顏色，但你可以很容易地顯示或隱藏divs自己。如果不能將行爲填充到循環中，則始終可以爲每個div分別指定滾動函數。

保羅

來源

2012-04-09 22:27:27

感謝保羅，我能設置它，這樣，而不是切換的CSS背景顏色，它fadesIn上被設置爲隱藏一個div。但我不知道如何做到這一點作爲一個循環，只能單獨。細節在下面的問題... 謝謝！ – 2012-04-18 21:27:36

將ScrollSpy添加到多個Div

回答

相關問題