[英]fullpage.js active class show two half sections
嘿,我正在使用fullpage.js插件,希望我的頁面從上一張幻燈片開始。 最后一張幻燈片的類處於活動狀態,假定將側面加載到特定的幻燈片上。 結果是頁面顯示具有活動幻燈片和上面的一半幻燈片。
有誰知道問題出在哪里嗎?
http://itu.dk/people/cnos/diam/Eksamensprojekt%20kopi/journey.html
您在這里兩次初始化fullPage.js ...
並且您應該在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 );
}
},
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.