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'
});

score 1 · Accepted Answer

JQuery で組み込み関数 onScrollBeyond を使用します。

それ以外の場合は、 beforestart および onSuccess と呼ばれる scrollExtend に設定があり、どちらもコールバック変数です。つまり、次のような関数をそこに置くことができます

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

よろしく

score 1 · Accepted Answer

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が必要です。

score 0 · Accepted Answer

試す：

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

score 0 · Accepted Answer

onScrollBeyond を使用してみてください:

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

javascript - ScrollExtend で関数を呼び出す - jQuery

4 に答える 4

Related

Reference