嘿我想要一些javascript,autoload功能的帮助,如(infinty scroll)
我所做的是: 调用数据库来获取所有数据(SELECT * FROM ... LIMIT 50 OFFSET ...)
现在我需要知道如何在向下滚动到
的末尾时增加偏移数我真的很想在google上找到这个,但只有我得到的东西不适合我,javascript是我最糟糕的脚本语言
我希望有人可以帮助我! 或者给我看一个非常好的教程:) thx for reading
答案 0 :(得分:0)
这就是我很久以前的做法:
JS:
var times = 1;
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height() && $('#endless').is(":visible") && searching != true) {
times++;
$.ajax({
type: 'post',
url: "classes/infinite.php",
data: {length: times},
complete: function(response) {
document.getElementById('endless').innerHTML = document.getElementById('endless').innerHTML + response.responseText;
}
});
}
});
classes / infinite.php文件:
$length = $_POST['length'];
$length = $length * 12;
$pdo = new PDO("mysql:host=localhost;dbname=market", "root", "");
$sth = $pdo->prepare("SELECT * FROM `offers` WHERE amount > 0 ORDER BY `date` LIMIT :lim1 , :lim2");
$length2 = $length - 12;
$sth->bindParam(':lim1', $length2, PDO::PARAM_INT);
$sth->bindParam(':lim2', $length, PDO::PARAM_INT);
我使用ajax将限制发布到我的databquery文件,然后我将结果附加到无尽的div。
希望这有帮助