Hallo miteinander!
Noch ein kleiner Nachtrag, falls jemand unbedarftes (noch unbedarfter als ich) das hier liest:
Finger weg von visibility:hidden;
falls es nicht unbedingt sein muss! Das ist Teufelszeug. Pfui! Damit schafft man sich unter Umständen nur noch mehr Probleme...
Wenn ein Element mit overflow:scroll;
'nach dem Ausblenden' auf display:none;
gesetzt werden soll um es dann auf element.scrollTop=0;
zurückzusetzen, dann lieber die 'fade-out'-Animation verkürzen (bzw. verlängern) und den scrollTop-Befehl vor dessen Ende ausführen!
.fadeOut{
animation-name:fadeOutElement;
/* ... */
animation-duration:1s;}
@keyframes fadeOutElement
{0% {opacity:1;}
90% {opacity:0;}
100% {opacity:0;}}
element.className="fadeOut";
setTimeout(function(){
element.scrollTop=0;},910);
element.animationPlayState="running";
Beste Grüße,
Roadster.