Javascript TweenMax.js视差切片动画不平滑

我在主页hero部分实现了一个滑块

幻灯片图像的动画是将这些图像按从上到下的视差效果交替顺序垂直分成5个部分。我在动画中使用了TweenMax.js

效果几乎完成了，但动画一点也不平滑，也无法以有效的方式附加按钮以坚持最后两个部分

网站网址：

所需的动画效果如下：

滑块js在文件中

我在这方面花了很多时间，但仍然无法找到解决方法

该函数位于下面的文件中

function setHomeSlider(){   

    jQuery(".home_slider:not(.ready)").each(function(index){

        home_slider = jQuery(this);
        home_slides = home_slider.find(".home_slider_content_slides .home_slider_single_slide");
        TweenMax.set(home_slides, {autoAlpha:0, className: "-=current_slide"})
        
        slide_images = "";
        home_slides.each(function(index_slide){
            
            //jQuery(this).find(".home_slide_index_letter").html(alphabet_index.charAt(index_slide))
            jQuery(this).find(".home_slide_index_letter").html((index_slide+1))
            
            splitSlideContent(jQuery(this))
            jQuery(this).find(".page_dynamic").each(function(a){
                jQuery(this).unbind( "click" ).click(function(e){
                    if(jQuery(".ajax_content_container").length > 0){
                        e.preventDefault();
                        href = jQuery(this).attr("href")
                        if(href != window.location.href){
                            getSinglePageAjax(href, true)
                        }
                    }
                })
            })
            TweenMax.set(jQuery(this).find(".home_slide_title_top h1,.home_slide_title_bottom h1,.home_slider_copy"), {cursor:"pointer"})
            jQuery(this).find(".home_slide_title_top h1,.home_slide_title_bottom h1,.home_slider_copy").unbind( "click" ).click(function(e){
                e.preventDefault();
                jQuery(this).closest(".home_slide_holder").find(".slider_plus_button a").trigger("click");
            })
            
            jQuery(this).attr("data-index",index_slide)
            
            
            image_src = jQuery(this).find(".slider_image_ref").attr("src");
            
            slide_images += '<div class="home_slider_image" data-index="'+index_slide+'" >';
                for(i=0;i<5;i++){
                slide_images += '<div class="home_slider_image_slice" >';
                slide_images += '<div class="home_slider_image_slice_img" style="background-image:url(\''+image_src+'\');" ></div>';
                slide_images += '</div>';
                }
            slide_images += '</div>';
            
        
        })
        home_slider.find(".home_slider_images").html("").append(slide_images)
        
        
        home_slider_images = home_slider.find(".home_slider_images .home_slider_image")
        home_slider.find('.home_slider_image_slice').each(function(indx){           
                homesliceheight = $(this).height();
                $(this).find('.home_slider_image_slice_img').css({"height":homesliceheight});
                /*indx1 = (indx < 5)?indx:indx-5;
                if(indx1 != 0 && indx1%3 ==0){
                    $(this).find(".viewmore_work_cta").remove();
                    $(this).append($(".viewmore_work_cta").clone());
                }
                if(indx1 != 0 && indx1%4 ==0){
                    $(this).find(".long_right_arrow_cta").remove();
                    $(this).append($(".long_right_arrow_cta").clone());
                }*/
        });
        //$(".home_companies_sec").hide();

        TweenMax.set(home_slider_images, {autoAlpha:0, className: "-=current_slide", cursor:"pointer"})
        
        
        
        home_slider.find(".arrows_control_left").click(function(){
            waitBeforeRepeatEvent(function(){
                openPrevHomeSlider();
            }, 500, "openHomeSlider");
        })
        home_slider.find(".arrows_control_right").click(function(){
            waitBeforeRepeatEvent(function(){
                openNextHomeSlider();
            }, 500, "openHomeSlider");
        })
        home_slider.find('.carousel-bullet').click(function(){
            var index = $(this).index();
            waitBeforeRepeatEvent(function(){
                openNextHomeSlider();
            }, 500, "openHomeSlide");
        })
        jQuery(".long_right_arrow_cta_img.view_btn_cntent.align_center").on("click", function(){
            waitBeforeRepeatEvent(function(){
                openNextHomeSlider();
            }, 500, "");
        })          
            openHomeSlide(0)    
        
    }).addClass("ready")
}

函数setHomeSlider（）{
jQuery（“.home\u滑块：未（.ready）”）。每个（函数（索引）{
home\u slider=jQuery（this）；
主幻灯片=主幻灯片。查找（“.home\u slider\u content\u slides.home\u slider\u single\u slides”）；
set（主幻灯片，{autoAlpha:0，类名：“-=当前幻灯片”}）
幻灯片_images=“”；
主页幻灯片。每个功能（索引幻灯片）{
//jQuery（this.find（“.home\u slide\u index\u letter”）.html（alphabet\u index.charAt（index\u slide））
jQuery（this.find（“.home\u slide\u index\u letter”）.html（（index\u slide+1））
splitSlideContent（jQuery（this））
jQuery（this）.find（“.page\u dynamic”）.each（函数（a）{
jQuery（this）.unbind（“click”）.click（函数（e）{
if（jQuery（“.ajax\u内容\u容器”）.length>0）{
e、 预防默认值（）；
href=jQuery（this.attr（“href”）
如果（href！=window.location.href）{
getSinglePageAjax（href，true）
}
}
})
})
TweenMax.set（jQuery（this.find）（“.home\u slide\u title\u top h1、.home\u slide\u title\u bottom h1、.home\u slider\u copy”），{cursor:“pointer”}
jQuery（this）.find（“.home\u slide\u title\u top h1、.home\u slide\u title\u bottom h1、.home\u slider\u copy”）。解除绑定（“单击”）。单击（函数（e）{
e、 预防默认值（）；
jQuery（this）。最近的（“.home\u slide\u holder”）。查找（“.slider\u plus\u button a”）。触发器（“click”）；
})
jQuery（this）.attr（“数据索引”，索引\u幻灯片）
image\u src=jQuery（this）.find（“.slider\u image\u ref”）.attr（“src”）；
幻灯片图像+=''；
对于（i=0；i