javascript - 在 ScrollExtend 上调用函数 - jQuery

Question

如何在 scrollExtend 上调用函数。我需要下面的代码，但它不能正常工作。如何让它发挥作用？

$(document).ready(
    function() {
        $('#scrollBox').scrollExtend(function() {
            //alert('scroll extend working');
            //functionCall();
        });
    }
);

但是scrollExtend的实际代码如下所示，我不知道如何调用它的函数，

jQuery('.scroll_container').scrollExtend({
    'target': 'div#scroll_items',
    'url': 'more_content.html',
    'newElementClass': 'list_item more_content'
});

Answer 1

我会在 JQuery 中使用内置函数 onScrollBeyond。

否则在 scrollExtend 中有一个设置，称为 beforestart 和 onSuccess 两者都是回调变量，这意味着您可以将函数放在那里

$('#scrollBox').scrollExtend({  
  'target': 'div#scroll_items',   
  'beforeStart': myFunction,  
  'onSuccess': mySecondFunction  
});

问候

Answer 2

正如 BeadFist 所说，您可以简单地使用 onScrollBeyond：

 $('.scroll_container').onScrollBeyond(functionCall);//if the function exists already, just pass a reference too it
$('.scroll_container').onScrollBeyond(function()
{
    //your function
});

请注意，对于scrollExtend和onScrollBeyond，您当然需要plugin。

Answer 3

尝试：

$('#scrollBox').scroll(function() {
   if($('#scrollBox').scrollTop() + $('#scrollBox').height() == $(parentElm).height()) {
       alert("bottom!");
   }
});

Answer 4

尝试使用 onScrollBeyond：

$(document).ready(
  function() {
    $('#scrollBox').onScrollBeyond(function() {
      //alert('scroll extend working');
      //functionCall();
    });
  }
);