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.