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% до конца низа скролла. Аналог в Твитере и ВКонтакте. |
Чтобы scrollTop был в какойто момент равен конкретному числу - это нужно быть очень везучим. Используйте операторы больше/меньше вместо знака равно. Не забудьте блокировать множественный запуск загрузки контента - событие scroll происходит очень часто.
|
Код?:no: На словах я знал, что мне делать еще в 11 вечера - как начал писать эти 12 строк кода - просидел до 4 утра.
Нужен code |
С такими заявлениями в платник.
|
| Часовой пояс GMT +3, время: 21:25. |