detect distance scrolled from top jquery

Question

How can I detect the number of pixels scrolled in a browser window? I need this to dynamically adjust the height of a 100% height div...

I\'m using jQuery.

Answer 1

You can use scrollTop() to find out how far down the page you've traveled.

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