私は次のスクリプトを使用して、データベースからさらにレコードをフェッチし、ページの最後にロードします。 MacではSafari 10.0ではうまくいきましたが、Google Chrome 53.0.2785.143ではうまくいきません。 Chromeブラウザウィンドウをほぼスマートフォンサイズにリサイズすると、動作します。無限スクロールGoogle Chromeで動作していません
デバッグするときにエラーが発生しないように、コンソールには何もないので動作しません。 Webサーバーのログを見ると、ページを下にスクロールしようとするとリクエストがないので、何も起こっていません。ここで
はスクリプトです:
< script type = "text/javascript" >
var skip = 20;
var action = "<?php echo $action ?>";
$(window).scroll(function() {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
loadArticle(skip);
skip += 20;
}
});
function loadArticle(pageNumber) {
$('#inifiniteLoader').show('fast');
$.ajax({
url: "getMoreEvents.php",
type: 'POST',
data: "action=" + action + "&skip=" + skip,
success: function(html) {
$('#inifiniteLoader').hide('1000');
$("#content").append(html); // This will be the div where our content will be loaded
}
});
return false;
} < /script>
ので、目標は、ユーザーがスクロール場合限りダウン可能な限り負荷をトリガーするのですか?ドキュメントの高さがウィンドウの高さより小さく、スクロールバーが表示されない場合はどうなりますか? – nnnnnn
Chromeのインスペクタで[ネットワーク]タブはどのように表示されますか?リクエストは送信されていますか?彼らは反応を得ますか?あなたはあなたが期待するデータを得ますか? – LinuxDisciple
@LinuxDiscipleページを下にスクロールしようとすると、ネットワークタブに何もありません。 Webサーバーのアクセスログにも要求が表示されません。ブラウザウィンドウを右にサイズ変更した場合にのみ、Chromeで動作するようになります。 – user982124