Javascript 滚动以加载div not working中的更多内容

我已经看到了许多与这些相关的答案，但没有一个适合我的情况。我有以下脚本自动加载滚动文件

我的问题：

• 文件的自动加载在FF、Edge、Chrome（桌面）中工作，但在Chrome（android）中不工作。Android上Chrome的版本是54.0.2840.85，Android的版本是6.0.1

• 另一个问题是，在EDGE mobile（运行windows 10的Lumia设备）上，它工作正常，但如果我隐藏导航栏，它就不工作

JS

// Auto-loading of older files
    var track_page = 1;
    var isAllDone = false;
    $('#list-content').on('scroll', function () {
       if(isAllDone) return;

       if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
           track_page++;
           $.ajax({
               type: "POST",
               url: "./generate_list.php",
               data: 'page='+track_page,
               beforeSend: function() {
                   $('#loadMore').show();
               },
               success: function (response) {
                   var obj = JSON.parse(response);
                   var arr = obj.items;
                   if (arr.length == 0) {
                       $('#loadMore').html("That's all folks!").show();
                       isAllDone = true;
                   }
                   else {
                       $('#loadMore').hide();

                       $(arr).each(function (i, val) {
                          li = $(val);
                          filelist.append(li);
                          li.delay(400 * i).slideDown(400);
                       });
                   }
               }
           });
       }
    });

HTML

<div id="list-content">
    <ul id="file_list">
    </ul>
    <div id="loadMore"><img src="images/loader.gif"></div>
</div>