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，您当然需要the 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();
    });
  }
);

在ScrollExtend上调用一个函数 - jQuery

4 个答案: