嘿,我正在使用fullpage.js插件,希望我的页面从最后一张幻灯片开始。最后一张幻灯片使该类处于活动状态,假设将侧面加载到特定幻灯片。结果是页面显示了活动幻灯片和上面幻灯片的一半。
有谁知道问题是什么?
http://itu.dk/people/cnos/diam/Eksamensprojekt%20kopi/journey.html
答案 0 :(得分:0)
您正在初始化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 );
}
},
});