Índice

El posicionamiento

De manera paralela a los métodos de jQuery relacionados con los elementos, jQuery tiene métodos para determinar la posición de los mismos.

position()

Devuelve el valor top y left de la posición de un elemento en relación a su elemento padre.

$("p:first").position();

Este método devuelve un objeto de tipo object{top,left}.

offset()

Devuelve el valor top y left de la posición de un elemento en relación al documento. 

$("p:first").offset();

Este método devuelve un objeto de tipo object{top,left}.

Los métodos scrollTop(valor) y scrollLeft(valor) son más particulares, ya que permiten modificar la separación con respecto al borde superior o al borde izquierdo de un elemento. En cierto modo, estos métodos permiten controlar la amplitud de las barras de desplazamiento vertical y horizontal.

scrollTop(valor)

Modifica la separación (en píxeles) entre el borde superior del documento (top) y el elemento seleccionado, tomando el valor que se pasa como argumento.

valor: número positivo que representa la nueva distancia que se quiere aplicar (en píxeles).

$("div").scrollTop(300);

Este método devuelve un objeto jQuery.

scrollLeft(valor)

Modifica la separación (en píxeles) entre el borde izquierdo del documento (left) y el elemento seleccionado, tomando el valor que se pasa en el argumento.

valor: número positivo que representa la nueva distancia que se quiere aplicar (en píxeles).

$("div").scrollLeft(300); ...