✔ Menüleiste, die unten mitscrollt

con-f-use

con-f-use

Erfahrenes Mitglied
Hallo zusammen,

wie schon gesagt brauche ich eine Menüleite, die vor dem Text am unteren Bildschirmrand mitscrollt. Es soll sowohl im ie- als auch in nestcape-ähnlichen Browesern funktionieren.

Hoffe ihr könnt mir helfen.
mfg confus
 
Wen's interessiert, ich hab mich ein wenig mit der Materie beschäftig und die Lösung selbst gefunden. Ergebins ist ein, wie ich finde doch recht brauchbares script:
HTML: 
<html><head><title>Menü</title><meta name="AUTHOR" content="confus">

<style type="text/css"><!--

	#menu {
		position: absolute;
		left: 50%;
		z-index: 5
	}

--></style>

<script language="JavaScript" type="text/javascript"><!--

	var menu, old

	function Object(name) {
		if (document.getElementById) {
			this.obj = document.getElementById(name);
			this.style = document.getElementById(name).style }
		else if (document.all) {
			this.obj = document.all[name];
			this.style = document.all[name].style }
		else if (document.layers) {
			this.obj = document.layers[name];
			this.style = document.layers[name] }
	}// function Object

	function movemenu() {
		if (window.innerHeight)
			pos = window.pageYOffset + window.innerHeight - menu.obj.offsetHeight
		else if (document.documentElement && document.documentElement.scrollTop)
			pos = document.documentElement.scrollTop + document.body.offsetHeight - menu.obj.offsetHeight
		else if (document.body)   
			pos = document.body.scrollTop + document.body.offsetHeight - menu.obj.offsetHeight

		if (pos == old) menu.style.top = pos
		old = pos;

		setTimeout("movemenu()", 200)
	}//function movemenu

	function initialize() {
		menu = new Object("menu");
		movemenu()
	}//function initialize

	window.onload = initialize

--></script></head>

<body>

1.<br>2.<br>3.<br>4.<br>5.<br>6.<br>7.<br>8.<br>9.<br>10.<br>
11.<br>12.<br>13.<br>14.<br>15.<br>16.<br>17.<br>18.<br>19.<br>20.<br>
21.<br>22.<br>23.<br>24.<br>25.<br>26.<br>27.<br>28.<br>29.<br>30.<br>
31.<br>32.<br>33.<br>34.<br>35.<br>36.<br>37.<br>38.<br>39.<br>40.<br>
41.<br>42.<br>43.<br>44.<br>45.<br>46.<br>47.<br>48.<br>49.<br>50.<br>
51.<br>52.<br>53.<br>54.<br>55.<br>56.<br>57.<br>58.<br>59.<br>60.<br>
61.<br>62.<br>63.<br>64.<br>65.<br>66.<br>67.<br>68.<br>69.<br>70.<br>
71.<br>72.<br>73.<br>74.<br>75.<br>76.<br>77.<br>78.<br>79.<br>80.<br>
81.<br>82.<br>83.<br>84.<br>85.<br>86.<br>87.<br>88.<br>89.<br>90.<br>
91.<br>92.<br>93.<br>94.<br>95.<br>96.<br>97.<br>98.<br>99.<br>100.<br>

<div id="menu">
	laber bla<br>
	bla laber<br>
</div>

</body></html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück