fullPage最後一屏自適應

fullpage最後一屏能夠有多少內容展現多少內容css

1.須要引用一個滾動條 插件:jquery.slimscroll.jsjquery

2.引用一個屬性   'scrollOverflow': true, css3

備註:粘貼部分代碼 :插件

$('#sectionContent').fullpage({
             'verticalCentered':true,
             'css3': true,
                'navigation': true,
                'scrollOverflow': true, //滾動條樣式
             'navigationPosition': 'right',
             onLeave:function(index ,nextIndex){
             if (nextIndex === 2) {
                     $(".header-top .header-logo a img").attr({ src: "img/logo2.png"});
                     $("#add1").addClass("changecolor");
                     $("#add1").removeClass("activeColor");
                     $(".header-top .login-reg a").addClass("changegreen");
                    }else if(nextIndex === 4){
                     $(".header-top .header-logo a img").attr({ src: "img/logo2.png"});
                     $("#add1").addClass("changecolor");
                     $("#add1").removeClass("activeColor");
                     $(".header-top .login-reg a").addClass("changegreen");
                     $(".head-fixed").css('background','#fff');
                    }else{
                     $(".header-top .header-logo a img").attr({ src: "img/logo.png"});
                     $("#add1").addClass("activeColor");
                     $("#add1").removeClass("changecolor");
                     $(".header-top .login-reg a").removeClass("changegreen");
                    }
},
            });
相關文章
相關標籤/搜索