Schwebende Scrollbalken

<html>
<head><title>Schwebebalken</title></head>
<body>
<div style="border:1px solid black;margin:30px;padding:10px;width:200px;height:300px;overflow:hidden;" onmouseover="this.style.overflow='auto';" onmouseout="this.style.overflow='hidden';">
    <h1>Hallo</h1>
    <p>Viel Text</p><p>Viel Text</p><p>Viel Text</p><p>Viel Text</p><p>Viel Text</p><p>Viel Text</p><p>Viel Text</p><p>Viel Text</p><p>Viel Text</p><p>Viel Text</p><p>Viel Text</p><p>Viel Text</p>
    <h2>Ende</h2>
</div>
</body>
</html>