examples - jquery pdf

detectar distancia desplazada desde jquery superior

Question

¿Cómo puedo detectar la cantidad de píxeles desplazados en una ventana del navegador? Necesito esto para ajustar dinámicamente la altura de una división de altura del 100% ...

Estoy usando jQuery.

EDITAR: No puedo usar scrollTop () porque estoy trabajando con un div de altura del 100% con desbordamiento establecido en automático. Firefox no detecta el desplazamiento del navegador debido a esto, lo único que se desplaza es un div 100% x100% ...

Answer 1

Muy bien chicos, lo encontré:

$("div#container").scroll(function() {
         var screenheight = parseInt($(document).height());
         var scrolledpx = parseInt($("div#container").scrollTop());     
         var sum = screenheight+scrolledpx;
         console.log($("div#container").scrollTop());
         console.log("screen: " + screenheight);
         console.log("sum=" + sum);
         $("div.content").height(sum);
})

Answer 2

Puede usar scrollTop () para averiguar a qué distancia de la página ha viajado.

$(window).scroll(function() {
  console.log($(window).scrollTop());
  if ($(window).scrollTop() > 200) {
    $(''#div'').stop().animate({
      ''marginTop'': $(window).scrollTop() + ''px'',
      ''marginLeft'': $(window).scrollLeft() + ''px''
    }, ''slow'');
  }
});

Answer 3

use $(document).scrollTop() :

$(document).scroll(function() {
    console.log($(document).scrollTop());
})