Übergangseffekt entfernen von (fullPage.js)

Question

Ich habe ein dummes Problem, aber ich kann die Lösung nicht finden, also muss ich um Hilfe bitten. Ich verwende derzeit das Plugin ‚fullPage.js‘ und einen Video-Hintergrund verwenden, können Sie die Seite mit einigen Code finden Sie hier:

http://xn--rur-3man9d.is/fullPage.js-master/examples/backgroundVideo.html

Wenn Sie nach unten scrollen und wieder werden Sie sehen, dass der Text Art "Einblenden" und es ist ziemlich nervig. Ich habe herausgefunden, dass ich das Problem löse, wenn ich die Datei jquery.fullPage.js öffne und "css3: true" auf "false" ändere. Diese Lösung löscht jedoch auch einen Teil des Übergangseffekts. Ich habe versucht, Übergangseffekte in der CSS-Datei zu ändern, aber nichts funktioniert.

HTML-Code: https://github.com/alvarotrigo/fullPage.js/blob/master/examples/backgroundVideo.html

CSS-Code: https://github.com/alvarotrigo/fullPage.js/blob/master/jquery.fullPage.css

JS-Code: https://github.com/alvarotrigo/fullPage.js/blob/master/jquery.fullPage.js

Wer weiß, wie das Problem zu lösen?

Answer 1

Siehe this topic auf issues tracker fullPage.js oder my other answer in stackoverflow.

Dies ist ein Bug mit einigen Browsern und translate3d Animationen.

Verwenden Sie einfach:

#section0 .layer{ 
    -webkit-transform: translate3d(0,0,0); 
    -ms-transform: translate3d(0,0,0); 
    transform: translate3d(0,0,0); 
} 

Ich werde die Änderungen auf der Demo hinzuzufügen.