添加class onscroll與onepage-scroll.js插件相結合

Question

我目前使用我網站上的onepage-scroll.js（https://github.com/peachananr/onepage-scroll）插件在主頁上滾動。當滾動通過第一個「幻燈片」時，我也想添加一個類（粘滯）到我的頭來改變一些CSS。我已經嘗試了下面的代碼，但我似乎無法得到它的工作，我有點在黑暗中如何使這個解決方案的工作。

var header = $("header"); 
$("#sliders").scroll(function() {  
    var scroll = $('#sliders').scrollTop(); 

    console.log(scroll); 
     if (scroll >= 50) { 
      header.addClass("sticky"); 
     } else { 
      header.removeClass("sticky"); 
    } 
}); 

Answer 1

試着讓它在文檔上準備就緒。 下來只有我的例子製作onepage，scroll.js

$(document).ready(function(){ 
       $(".main").onepage_scroll({ 
        sectionContainer: ".sectionscroll", 
        responsiveFallback: 600, 
        loop: true, 
        afterMove:function (index){ 
          if ((index == 2)||(index == 3)){ 
             $('#main').addClass('darktheme'); 
            }else{ 
             $('#main').removeClass('darktheme'); 
            } 
        } 
       }); 
       //$(".main").moveTo(2); 
       $(".btn-list-bottom").click(function(){$(".main").moveTo(4)}); 
      }); 

代碼所有你部分必須具有相同的類。