Quiero colocar unDIV dentro de una página de modo que sea visible para el usuario incluso si el usuario desplaza verticalmente la página.

La página tiene un encabezado en la parte superior de la página que es75 px alto. Ahora, cuando el usuario está en la parte superior de la página y no se ha desplazado verticalmente, elDIV debe colocarse debajo del encabezado. Sin embargo, una vez que el usuario se desplaza por la página, lo que hace que el encabezado se pierda de vistaDIV ahora debe colocarse en la parte superior de la página (es decir, cerca del borde superior de la ventana gráfica del navegador)

Mi gran preocupación es el apoyo parawindow.onscroll evento en los navegadores. Verifiqué la compatibilidad de QuirksMode (http://www.quirksmode.org/dom/events/scroll.html) Parece tener una compatibilidad decente en IE y Firefox. Sin embargo, el soporte de Safari y Chrome parece un poco peculiar. Y ambos navegadores son parte de mi lista de navegadores objetivo.

¿Alguien puede decirme si elwindow.onscroll Qué evento es una forma efectiva de detectar desplazamientos de página / marco? ¿Cualquier otra sugerencia?

PD He considerado usar el CSSposition: fixed regla. Está cerca de la solución pero elDIV está pegado a una posición y no puedo hacer que se mueva adaptativamente en función de la visibilidad del encabezado.

¡Gracias!