fullpage.jsでフェードトランジション

Question

私はpesonal siteを作成するためにfullpageを使用したいと思います。セクション間を切り替えるためのスライドエフェクトの代わりにフェードトランジションを置き換えることはできますか？

Fullpage.jsデモ：http://alvarotrigo.com/fullPage

Answer 1

あなたはCSS以下でフルページ遷移をオーバーライドする必要があり、 作品

.fullpage-wrapper { 
width: 100%!important; 
transform: none!important; 
} 

.fp-section { 
width: 100%!important; 
position: absolute; 
left: 0; 
top: 0; 
visibility: hidden; 
opacity: 0; 
z-index: 0; 
transition: all .7s ease-in-out; 
} 

.fp-section.active { 
visibility: visible; 
opacity: 1; 
z-index: 1; 
} 

更新 があなたのCSSの遷移にコールバックを追加する場合は、私に教えてください親にイベントをバインドする必要があります

$("yourSection").one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', 
function(e) { 

// code to execute after transition ends 

});