Modal box zatrzymanie

0

Cześć, robię formularz i chciałbym aby po zjechaniu na środek strony nie podnosił się z powrotem do góry - chciałbym więc aby okno modalne zatrzymało się w punkcie, gdzie zeszło na dół. W linku jest pokazane jak po zejściu na dół blok idzie znów do góry. Jak mogę zmienić aby zatrzymał się na dole i nie wracał?

https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_keyframes

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    background-color: #97B7C2;
    width: 50px; /* Could be more or less, depending on screen size */
	height:60px;
	animation: mymove 2s;
    position:relative;

}

/* Standard syntax */
@keyframes mymove {
    from {top: 0px;}
    to {top: 100px;}
}	
</style>
</head>
<body>
<h1>The @keyframes Rule</h1>

<p><strong>Note:</strong> The @keyframes rule is not supported in Internet Explorer 9 and earlier versions.</p>

<div></div>

</body>
</html>
1

Instrukcja infinite wskazuje na to, że chcesz aby animacja powtarzała się w nieskończoność.
Jeśli ją usuniesz zauważysz, że po wykonaniu animacji element wraca do pozycji domyślnej.
Aby został w punkcie końcowym musisz użyć:

animation-fill-mode: forwards;
0

Działa, dzięki;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1