Cómo detectar la posición de desplazamiento vertical con jquery?

Usando jquery, ¿cómo se puede establecer un evento que se dispara cuando hay un desplazamiento vertical visible, y cuando cambia a partir de la mitad superior de la página a la mitad inferior de la página, y viceversa.

Así, por ejemplo, si la barra de desplazamiento vertical está ahí, y entonces estoy buscando algún lugar de la página que está en la mitad superior de la página y, a continuación, mover hacia abajo de modo que estoy en la mitad inferior de la página, la función que sucede. Entonces si me traslado hasta entonces estoy en la mitad superior de nuevo, la función pasa.

Gracias.

InformationsquelleAutor omega | 2013-08-02

3 Kommentare

  1. 4
    var midHeight = jQuery(window).height() / 2 //Splits screen in half
    $(window).scroll(function () {
        if ($(window).scrollTop() > midHeight) {
            //Do something on bottom
        } else {
            //Do something on top
        }
    })
  2. 1

    bien jQuery tiene estos métodos se pueden utilizar en un elemento:

    .scrollTop() – obtén los mejores de desplazamiento de la posición de un elemento en el área de visualización

    .scrollLeft() – get a la izquierda desplazamiento de la posición de un elemento en el área de visualización

    También existe el desplazamiento evento que se dispara cuando un área de visualización/elemento se desplaza dentro de otro (o la ventana):

    .scroll()

  3. 0
    $(window).scroll(function () { 
      if ($(window).scrollTop() > $('body').height() / 2) {
          //code goes here...
      } 
    });

    Detectar Desplazamiento

    var s = $('body').scrollTop();

    jQuery scrollTop()

    Descripción: Obtener la posición vertical actual de la barra de desplazamiento para
    el primer elemento en el conjunto de elementos coincidentes o establecer la vertical
    la posición de la barra de desplazamiento para cada elemento coincidente.

    Usted puede estar interesado en saber:

    $().scrollTop()//how much has been scrolled
    $().innerHeight()//inner height of the element
    DOMElement.scrollHeight//height of the content of the element

    JSFIDDLE DEMO

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea