✔ Menüleiste, die unten mitscrollt

con-f-use · 30. Oktober 2004

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

con-f-use · 1. November 2004

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>

✔ Menüleiste, die unten mitscrollt

con-f-use

Erfahrenes Mitglied

con-f-use

Erfahrenes Mitglied

Neue Beiträge