Detecting when user scrolls to bottom of div with jQuery

Question

I have a div box (called flux) with a variable amount of content inside. This divbox has overflow set to auto.

Now, what I am trying to do, is, when the use scroll t

Answer 1

Though this was asked almost 6 years, ago still hot topic in UX design, here is demo snippet if any newbie wanted to use

$(function() {

  /* this is only for demonstration purpose */
  var t = $('.posts').html(),
    c = 1,
    scroll_enabled = true;

  function load_ajax() {

    /* call ajax here... on success enable scroll  */
    $('.posts').append('
' + (++c) + ' 
' + t);

    /*again enable loading on scroll... */
    scroll_enabled = true;

  }


  $(window).bind('scroll', function() {
    if (scroll_enabled) {

      /* if 90% scrolled */
    if($(window).scrollTop() >= ($('.posts').offset().top + $('.posts').outerHeight()-window.innerHeight)*0.9) {

        /* load ajax content */
        scroll_enabled = false;  
        load_ajax();
      }

    }

  });

});

h4 {
  color: red;
  font-size: 36px;
  background-color: yellow;
}

  Lorem ipsum dolor sit amet  Consectetuer augue nibh lacus at 
 Pretium Donec felis dolor penatibus 
 Phasellus consequat Vivamus dui lacinia 
 Ornare nonummy laoreet lacus Donec 
 Ut ut libero Curabitur id 
 Dui pretium hendrerit
  sapien Pellentesque 
 Lorem ipsum dolor sit amet 
 Consectetuer augue nibh lacus at 
 Pretium Donec felis dolor penatibus 
 Phasellus consequat Vivamus dui lacinia 
 Ornare nonummy laoreet lacus Donec 
 Ut ut libero Curabitur id 
  Dui pretium hendrerit sapien Pellentesque 
 Lorem ipsum dolor sit amet 
 Consectetuer augue nibh lacus at 
 Pretium Donec felis dolor penatibus 
 Phasellus consequat Vivamus dui lacinia 
 Ornare nonummy laoreet lacus Donec 
 Ut ut
  libero Curabitur id 
 Dui pretium hendrerit sapien Pellentesque 
 Lorem ipsum dolor sit amet 
 Consectetuer augue nibh lacus at 
 Pretium Donec felis dolor penatibus 
 Phasellus consequat Vivamus dui lacinia 
 Ornare nonummy laoreet
  lacus Donec 
 Ut ut libero Curabitur id 
 Dui pretium hendrerit sapien Pellentesque