Menü-highlight - nur eine Seite

[Hannes Weninger]

Hallo,

ich hab bei meiner Homepage nur eine Seite mit verschiedenen div- containern. Wenn ich oben im header auf einen Menüpunkt klicke, dann slide ich zu dem jeweiligen div.

Das funktioniert soweit bestens. Jetzt möchte ich den Menüpunkt im Header "highlighten" wenn man zu dem div gescrollt hat.

Dazu hab ich den Code gefunden (unten). Was mich bei dem Code stört ist, dass ich einen trigger brauche, da ansonsten der code im if mehrfach aufgerufen wird - das möchte ich vermeiden.
Ich hab auch nach anderen Lösungen gesucht aber keine vernünftige gefunden (einen Timer möchte ich vermeinden) und ein event (containerVisible() oder containerShown()) gibts nicht.

Weis jemand eine Lösung, wie ich das am vernünftigsten machen kann?

Vielen Dank!!
lg
Hannes

  
<script type="text/javascript">  
		$(document).ready(function() {  
			var trigger = false;  
  
			var my_div = $("#eightContainer");  
			var div_top = my_div.offset().top;  
  
			$(document).scroll(function() {  
			  
			    if (div_top <= $(document).scrollTop() && trigger === false) {  
				trigger = true;  
				alert('Hallo 8er');  
			    	}  
			    else {  
				trigger = false;  
				}  
			     });  
    		});  
	</script>