Web サイトに無限ループを作成しようとしています。そのためにjQuery Endless Scrollプラグインを使用しています。
<script type='text/javascript' src='/js/jquery.min.js'></script>
<script type='text/javascript' src='/js/jquery.endless-scroll.js'></script>
$(document).ready(function() {
$(window).endlessScroll({
inflowPixels: 300,
ceaseFireOnEmpty :false,
callback: function() {
var $img = $('#clmn-a .box:nth-child(4)').clone();
$('#clmn-a').append($img);
}
});
});
すべてが正常に機能していますが、この機能はトップスクロールでも実行されています。ユーザーがフッターの近くに到達したときにのみデータをロードしたい。jQuery Endless ScrollプラグインでTop Scroll Loadを無効にする方法