如何仅在用户向下滚动到该区域时加载ajax

Question

我们有一个网站，其中有一个“评论”区域，我们正在寻找一种方法，只有在用户实际向下滚动到评论区域时才开始加载与评论相关的ajax。

许多用户甚至没有到达那里，我们不想一无所获地加载ajax。

基本上我们正在加载这样的评论：

$('#commentload').load(<?php echo "'" . base_url() . "ajax/comments'"; ?>);

在一个名为

的区域内

<div id="commentload"></div>

我们应该添加什么以便它只在用户到达页面1/4底部的底部时才开始加载？

Answer 1

事件if(window.pageYOffset>x)上的

lode将x设置为您的值（以像素为单位）

Answer 2

您可能想查看appear plugin。

基本上 -

$("#commentload").on('appear', function(event, $element) {
    // ajax call
}

Answer 3

请尝试以下操作：

var pos = $("#commentload").offset().top;
$( window).scroll(function() {
    var scroll = $(window).scrollTop();
   if(scroll >= pos)
   {
     //Your code
   }
});