Raumwurm
Threadersteller
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 06.01.2006 22:26
Titel
|
|
|
Es ist eigentlich nur wichtig, daß im zu
scrollenden Div z.B. ein Link focusiert
ist (es muss also noch nicht mal ein
Formularbutton sein)
Theoretisch zum nachvollziehen funktioniert
das so:
Code: | <html>
<head>
<title>Scrolltest</title>
</head>
<body onLoad="document.getElementById('scrolllink').focus();" style="background:red">
<div style="position:absolute;top:0px;left:0px;width:500px;height:100%;overflow:auto;">
<div style="position:absolute;top:0px;left:0px;z-index:0"><a href="#" id="scrolllink"></a></div>
<div style="position:absolute;top:0px;left:0px;z-index:10;width:500px;background:yellow">
<p>111111111111</p>
<p>222222222222</p>
<p>3333333333333</p>
<p>44444444444444</p>
<p>55555555555555</p>
<p>111111111111</p>
<p>222222222222</p>
<p>3333333333333</p>
<p>44444444444444</p>
<p>55555555555555</p>
<p>111111111111</p>
<p>222222222222</p>
<p>3333333333333</p>
<p>44444444444444</p>
<p>55555555555555</p>
<p>111111111111</p>
<p>222222222222</p>
<p>3333333333333</p>
<p>44444444444444</p>
<p>55555555555555</p>
<p>111111111111</p>
<p>222222222222</p>
<p>3333333333333</p>
<p>44444444444444</p>
<p>55555555555555</p>
<p>111111111111</p>
<p>222222222222</p>
<p>3333333333333</p>
<p>44444444444444</p>
<p>55555555555555</p>
</div>
</div>
</body>
</html>
|
Einen Haken hat die Sache allerdings, sobald
man irgendwo hinklickt, verliert der Link seinen
Focus und der Mozilla-User kann wieder nicht
scrollen. Zum Kotzen ist das, aber besser als
nix (der IE machts ausnahmweise mal richtig,
er lässt weiter mit dem Mausrad scrollen).
Zuletzt bearbeitet von Raumwurm am Fr 06.01.2006 22:28, insgesamt 1-mal bearbeitet
|
|