Mirakel: Teilweise scrollendes Menü

Beitrag lesen

Naja, mit Overflow scroll, habe ich ja ne Scroll-Leiste. Genau die will ich aber nicht.

Es soll ein mitscrollendes Menü sein. Mit position:fixed kann man ein Element ja auf dem Bildschrim fixieren. Mein Menü soll dieses Verhalten aber nur bedingt zeigen. Mit Java-Script kann man Menüs erstellen, die automatisch mit scrollen, was dem position:fixed Effekt ja ziemlich gleicht. Ich bräuchte ein Menü, welches sich so ähnlich verhält, aber nicht am gesamten Bildschirm orientiert, sondern an einer Tabellenzelle.

  
  <script type="text/javascript">  
  
/*  
Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)  
Script featured on/available at http://www.dynamicdrive.com/  
This notice must stay intact for use  
*/  
  
//Enter "frombottom" or "fromtop"  
var verticalpos="fromtop"  
  
if (!document.layers)  
document.write('</div>')  
  
function JSFX_FloatTopDiv()  
{  
	var startX = 710,  
	startY = 150;  
	var ns = (navigator.appName.indexOf("Netscape") != -1);  
	var d = document;  
	function ml(id)  
	{  
		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];  
		if(d.layers)el.style=el;  
		el.sP=function(x,y){this.style.left=x;this.style.top=y;};  
		el.x = startX;  
		if (verticalpos=="fromtop")  
		el.y = startY;  
		else{  
		el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;  
		el.y -= startY;  
		}  
		return el;  
	}  
	window.stayTopLeft=function()  
	{  
		if (verticalpos=="fromtop"){  
		var pY = ns ? pageYOffset : document.body.scrollTop;  
		ftlObj.y += (pY + startY - ftlObj.y)/2;  
		}  
		else{  
		var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;  
		ftlObj.y += (pY - startY - ftlObj.y)/2;  
		}  
		ftlObj.sP(ftlObj.x, ftlObj.y);  
		setTimeout("stayTopLeft()", 10);  
	}  
	ftlObj = ml("divStayTopLeft");  
	stayTopLeft();  
}  
JSFX_FloatTopDiv();  
</script>  

Dieses Script erfüllt den position:fixed Effekt mit JavaScript. Ich habs nur nicht geschafft, es entsprechend anzupassen. Außerdem wäre mir eine Lösung mit CSS lieber...

Ich habe das Tabellenlayout gewählt, weil es am einfachsten zu formatieren ist.
Selbst wenn ich mit divs ein Layout erstelle, wüsste ich aber immernoch nicht, wie ich das Problem lösen kann.

mfg
Mirakel