fullpage.js activepage显示两个半部分

Question

嘿，我正在使用fullpage.js插件，并希望我的页面在上一张幻灯片开始。最后一张幻灯片有活跃的类，这是假设加载到特定幻灯片的一面。结果是该页面显示有活动幻灯片和上面幻灯片的一半。

有没有人知道问题是什么？

http://itu.dk/people/cnos/diam/Eksamensprojekt%20kopi/journey.html

Answer 1

要初始化fullPage.js两次here ......

，你应该包括JavaScript的问题之前的CSS样式。

您应该只有一个初始化：

//FULL PAGE CODE 
$('#fullpage').fullpage({ 
    css3: true, 
    navigation: true, 
    navigationPosition: 'right', 
    easing: "easeOutQuad", 
    scrollOverflow: true, 
    onLeave: slideLeave, 
    paddingTop: '0px', 
    verticalCentered: false, 

    afterLoad: function(anchorLink, index){ 
     var loadedSection = $(this); 
     $("#ufoscroll").hide(0); 
     $("#ufopic").show(0); 

     if(index == 9){ 
     $("#makurtale").show(""); 
     } 

     if(index == 10) 
     $(".solbillede").show(""); 
     $("#ufoscroll").hide(0); 
     $("#ufopic").show(0); 

    }, 

    onLeave: function(index, nextIndex, direction){ 
     var leavingSection = $(this); 
     if(direction =='up'){ 
      $("#ufoscroll").show(0); 
      $("#ufopic").hide(0);    
     } 
    }, 
});