[SOLUCIONADO] Posición de un div con el scroll

[botigues]

Hola, nose si este tema tiene que ir aquí o en javascript.

Tengo una página en un solo fichero y con un menú en position:fixed. Y cuando pulsas algun elemento del menu la página se desliza hasta encontrar la parte seleccionada. Mas o menos como esta: http://www.spainfoodsolutions.com/

Lo que quiero es detectar de alguna forma cuando passo por cada punto del menu.

Por ejemplo en la página anterior cuando haces scroll y llegas a "presentation", me gustaria cambiar el css del menu y que se indicase que estás passando por allí. Igualmente con todos los otros apartados.

Como puedo hacer esto? Calculando la posicion del scroll siempre? O hay alguna forma de saber cuando passas por un div con id?

[pzin]

Hacerlo puramente en CSS es bastante complejo. Se requieren bastantes condiciones y al final acabarás deseando haberlo hecho en JavaScript porque romperás con toda semántica y tendrías que prescindir del scroll automático.

Te muevo el tema hacia dicho foro.

[botigues]

Vale con javascript pues.

Pero como se cuando el scroll passa por un div en concreto?

No puedo utilizar la posición del scroll ya que cada pantalla es distinta no?

[botigues]

Nadie lo sabe???

[botigues]

Solucionado!!

por si a alguien le sirve:

var elemento = $("#contacto");
var posicion = elemento.position();
alert( "left: " + posicion.left + ", top: " + posicion.top ); // con eso coges la posición del elemento

$(document).scrollTop(); // Con esto coges la posición del scroll