Stefan Einspender: Element horizontal scrollen, vertikal fixieren

Beitrag lesen

Hallo ForumsleserInnen,

vielleicht bin ich etwas aus der Übung, aber ich komme leider nicht weiter.
Also ich habe auf einer Testseite zwei DIV's, wobei das erste am oberen
Rand des Browserfensters fixiert sein soll (beim Scrollen nach unten).
Beim Querscrollen soll es sich mit verschieben, d.h. wegscrollen. Das
zweite DIV dient hier nur zum Erzeugen der beiden Scrollbalken, es soll
horizontal und vertikal ganz normal scrollen.

<html><head><title>Test</title>
<style type="text/css">
div#eins { border: 1px solid #F00; }

div#zwei {
 border: 1px solid #0F0;
 height: 1500px;
 width: 2000px;
}
</style>
</head><body>

<div id="eins">eins</div>
<div id="zwei">zwei</div>

</body></html>

Wie kann ich mit CSS diesen Effekt erreichen? Also quasi position: fixed;
nur in horizontaler Richtung?

***

Falls es mit CSS nicht möglich ist, wäre auch eine einfache Lösung mit
JavaScript denkbar, allerdings möchte ich ungern ein hochkomplexes
Script auf der Seite einbauen, weil es sich dann doch auf die
Performance auswirkt.

Viele Grüße,
Stefan