2016-08-03 16 views
0

Wie kann ich das Scrollen während der Animation in CSS ausschalten? Aber ich möchte overflow:hidden dem Körper nicht geben.CSS Wie kann ich das Scrollen während der Animation ausschalten?

+2

Willkommen bei SO! Um Ihnen mit Ihrem CSS zu helfen, müssen wir zunächst Ihr ["Minimales, vollständiges und überprüfbares Beispiel"] (http://stackoverflow.com/help/mcve) HTML und versuchtes CSS sehen, damit wir versuchen können, Ihr Problem zu lösen und Erklären Sie, warum Ihr eigener Versuch fehlgeschlagen ist - auf diese Weise können Sie etwas Nützliches für Ihre zukünftige Entwicklung lernen und eine Antwort auf dieses eine Problem bekommen. – andreas

+0

Lieber Andreas, hier ist mein Code. http://codepen.io/vahik95/pen/zBJVAP –

+0

Ok, also warum nicht einstellen Überlauf: versteckt; zum Körper? Funktioniert perfekt für mich ... – andreas

Antwort

0

Es ist nicht möglich, eine bestimmte CSS-Regel festzulegen, nachdem eine Animation mit reinem CSS abgeschlossen wurde.

Wenn möglich, können Sie JavaScript verwenden, um das Zurückdrehen auf das normale Scrollverhalten nach z. 5 Sekunden. Unten ist ein Beispiel mit jQuery.

CSS (Überlauf Regel Körper hinzufügen):

body{ 
    overflow: hidden; 
} 

JavaScript:

$(document).ready(function() { 
    window.setTimeout(changeOverflow, 5000); // set overflow back to auto after 5s 
}); 

function changeOverflow() { 
    $('body').css("overflow", "auto"); 
} 

die forked CodePen See.

+0

Vielen Dank. –