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

Question

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

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

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

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

在称为：

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

我们应该添加哪些内容，以便仅在用户到达页面底部1/4的底部时才开始加载？

Answer 1

if(window.pageYOffset>x)将x设置为像素值

Answer 2

您可能想签出出现插件 。

本质上-

$("#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
   }
});