Как загрузить div на свиток

Question

Как загрузить div и его дочерние элементы, когда событие прокрутки произошло с jquery?

Например, я просто хочу загрузить этот div и контент внутри этого div только когда пользователь прокручивает

<div id="loadonscroll">
  //some images and scripts inside this div need to be load on scroll

</div>

Answer 1

это работает для меня. При прокрутке данные будут добавляться в DIV TAG. и он должен отображаться после прокрутки.

$(window).scroll(function() {
    if($(window).scrollTop() == $(document).height() - $(window).height()) {
           // ajax call and append data on DIV 
           $("#loadonscroll").html(ajaxData);
    }
});

Answer 2

//Scroll to buttom


$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
        var data = html code
	$("#loadonscroll").html(data);
   }
});

// near bottom!

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       var data = html code
	$("#loadonscroll").html(data);
   }
});