Scrollify.js在當前部分添加班級

正在嘗試使用scrollify.js將一些類似'active'的類添加到頁面中的當前部分。Scrollify.js在當前部分添加班級

能夠獲得索引值，但不能獲得節ID或節類！如何獲得當前部分的ID或課程。

這是我試圖實現的示例代碼。

<section id="first" data-section="first" class="scroll-section"> </section> 

before:function(index, sections) { 
    alert(index); 
},

此返回索引值。我正在嘗試第第。

在此先感謝。

來源

2017-07-28 RaJesh RiJo

調用$.scrollify.current()它返回當前部分。

來源

2017-07-29 11:52:46

<html> 
    <head> 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
      <script src="jquery.scrollify.js"></script> 
      <style> 
      .sectioncolor { 
      background-color: black; 
      } 
      </style> 
     <script> 
     $(function() { 

      $.scrollify({ 
      section : ".section-class-name", 
      sectionName : "section-name", 
      before:function(index, sections) { 
      var sno = index+1; 
      $(".section-class-name").removeClass("sectioncolor"); 
      $(".section-class-name:nth-child("+sno+")").addClass("sectioncolor"); 
      }, 
      after:function(index, sections) { 
      var sno = index+1; 
      $(".section-class-name").removeClass("sectioncolor"); 
      $(".section-class-name:nth-child("+sno+")").addClass("sectioncolor"); 


      }, 
      }); 
     }); 
     </script> 
    </head> 
    <body> 
     <div class="section-class-name" data-section-name="home" style="height:500px;border:1px solid red;"></div> 
     <div class="section-class-name" data-section-name="about" style="height:500px;border:1px solid black;"></div> 
    </body> 
    </html>

來源

2017-07-28 12:37:49

我希望這個例子能幫助你 –

Scrollify.js在當前部分添加班級

回答

相關問題