Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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% до конца низа скролла. Аналог в Твитере и ВКонтакте.
Ответить с цитированием
  #2 (permalink)  
Старый 09.11.2012, 08:23
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Чтобы scrollTop был в какойто момент равен конкретному числу - это нужно быть очень везучим. Используйте операторы больше/меньше вместо знака равно. Не забудьте блокировать множественный запуск загрузки контента - событие scroll происходит очень часто.
Ответить с цитированием
  #3 (permalink)  
Старый 09.11.2012, 09:27
Аватар для Rikimaru2013
Новичок на форуме
Отправить личное сообщение для Rikimaru2013 Посмотреть профиль Найти все сообщения от Rikimaru2013
 
Регистрация: 19.10.2012
Сообщений: 6

Код? На словах я знал, что мне делать еще в 11 вечера - как начал писать эти 12 строк кода - просидел до 4 утра.

Нужен code
Ответить с цитированием
  #4 (permalink)  
Старый 09.11.2012, 10:36
Кандидат Javascript-наук
Отправить личное сообщение для Your Посмотреть профиль Найти все сообщения от Your
 
Регистрация: 03.10.2012
Сообщений: 147

С такими заявлениями в платник.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как создать event, эмулирующий enter Artanis Events/DOM/Window 7 16.07.2019 06:40
Почему не работает второй Event? JavaScriptProgrammer Events/DOM/Window 6 15.10.2012 04:30
event + setTimeout fsingle Events/DOM/Window 2 02.05.2012 09:07
Отловить направление onmousemove event? jsuse Общие вопросы Javascript 20 29.01.2012 22:10
Как изменить положение scroll? PAMAC Общие вопросы Javascript 3 25.11.2010 18:22