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?
0
A
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. –
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
Lieber Andreas, hier ist mein Code. http://codepen.io/vahik95/pen/zBJVAP –
Ok, also warum nicht einstellen Überlauf: versteckt; zum Körper? Funktioniert perfekt für mich ... – andreas