fullpage.js 活动 class 显示两个半部分

Question

嘿，我正在使用 fullpage.js 插件并希望我的页面从最后一张幻灯片开始。最后一张幻灯片 class 处于活动状态，假设将一侧加载到特定幻灯片。结果是页面显示了活动幻灯片和上面幻灯片的一半。

有谁知道是什么问题吗？

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

fullpage.js 活动 class 显示两个半部分

fullpage.js active class show two half sections

javascript

fullpage.js