js滾動觸發事件 改變Class

//定義一個記錄滾動事件狀態的數組
window['my_scroll']=Array;
var t;
$(window).scroll(function(){
　　//獲取滾動高度，可做觸發次數限制
    t = document.documentElement.scrollTop||document.body.scrollTop;
})


//_class需要操作的div
//o通過這個獲取觸發條件高度;可填寫數字或者className;
//add_class 新增的className
//remove_class 是否開啟回滾取消className 默認0不開啟，執行一次addClass操作后就不會再刪除了
//觸發條件高度 num偏移量，只能填整數

function WinScroll(_class,o,add_class,remove_class=0,num=0){

    var top;//保存觸發條件高度

    if(typeof(o)=="number"){//是否是數字
        top=o+num;
    }else{

        if($(o).length > 0){//是否找到元素，找不到就退出函數

            top= $(o).offset().top
            top+=num;
        }else{
            return
        }
    }

    window['my_scroll'][_class]=true;

    $(window).scroll(function(){
        if(t>top&&window['my_scroll'][_class]){
            $(_class).addClass(add_class);
            // console.log(_class+"執行add_class"+add_class);
            window['my_scroll'][_class]=false;
        }else if(t<=top&&!window['my_scroll'][_class]&&remove_class==1){//刪除class
            $(_class).removeClass(add_class);
            // console.log(_class+"執行remove_class"+add_class);
            window['my_scroll'][_class]=true;
        }

    })
}