添加與onpage-scroll.js插件結合的onscroll類

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)});
            });

您所有的部分必須具有相同的類。