2011-08-10 36 views
40

¿cómo obtener la posición actual de la pantalla actual de la página?jquery cómo obtener la posición actual de la pantalla actual de la página?

Si muevo la rueda del mouse a alguna parte de la página, ¿cómo obtengo la posición superior actual de la página?

Quiero hacer clic en un elemento en mi página, luego abrir un div cuya parte superior es la parte superior de la pantalla actual.

Así que sólo hay que poner la posición actual superior de la pantalla a:

$('#content').css('top','current position'); 

Y

#content 
{ 
position:absolute; 
left:100px; 
} 

Respuesta

46
var top = $('html').offset().top; 

debe hacerlo.

edición: este es el negativo de $(document).scrollTop()

+3

Esto no dará lo que OP está buscando. Le dará la parte superior de desplazamiento del elemento html que será un valor negativo si hemos desplazado la página. – ShankarSangoli

+3

Como se señaló en la edición, este es el negativo de '$ (document) .scrollTop()', que sí, es más apropiado en este caso. Pero el html offset * -1 es efectivamente lo mismo. – numbers1311407

+0

a la derecha. '$ (document) .scrollTop()', not '$ (window) .scrollTop()' agradece a ambos – cj333

58

Utilice esta opción para obtener la posición de la página de desplazamiento.

var screenTop = $(document).scrollTop(); 

$('#content').css('top', screenTop); 
Cuestiones relacionadas