Тема: scroll event
Показать сообщение отдельно
  #1 (permalink)  
Старый 09.11.2012, 06:54
Аватар для Rikimaru2013
Новичок на форуме
Отправить личное сообщение для Rikimaru2013 Посмотреть профиль Найти все сообщения от Rikimaru2013
 
Регистрация: 19.10.2012
Сообщений: 6

scroll event
Доброе утро, всю ночь просидел читая js и разбирая примеры с scroll, но как оказалось этого мало - но поскольку использую js очень редко, то решил обратится к Вам за помощью:
Работает
$(document).ready(function(){
   $("#imgLoad").hide();  
});
var num = 5; 
$(function() {
   $("#load div").click(function(){ 
   $("#imgLoad").show(); 
   $.ajax({
          url: "delete_me.php",
          type: "GET",
          data: {"num": num},
          cache: false,
          success: function(response){
              if(response == 0){  
                 alert("Больше нет записей");
                 $("#imgLoad").hide();
              }else{
                 $("#content").append(response);
                 num = num + 5;
                 $("#imgLoad").hide();
              }
           }
        });
    });
});

Не работает
$(document).ready(function(){
$("#imgLoad").hide();
var num = 5; 
      $(window).scroll(function(){
	if($(window).scrollTop() == $(document).height() - $(window).height()){
      $("#imgLoad").show(); 
   $.ajax({
          url: "delete_me.php",
          type: "GET",
          data: {"num": num},
          cache: false,
          success: function(response){
              if(response == 0){  
                 alert("Больше нет записей");
                 $("#imgLoad").hide();
              }else{
                 $("#content").append(response);
                 num = num + 5;
                 $("#imgLoad").hide();
              }
           }
        });
   });
      };
	  };


Сама задача: Сделать динамическую подгрузку контента с БД, если пользователь докрутил за 10% до конца низа скролла. Аналог в Твитере и ВКонтакте.
Ответить с цитированием