jquery-ias在移動平台上不起作用

Question

根據infinitescroll.com文檔，我添加了以下代碼，這些代碼在桌面瀏覽器上運行良好，但在移動瀏覽器上卻無法正常滾動，但向下滾動時不會加載內容。

$(document).ready(function() {
    jQuery.ias({
        container:  '#mobileVideos',
        item:       '.mobileVideoDiv',
        pagination: '#mobilePagination',
        /*delay: '1500',*/
        next:       '.mobileNext'
    });
});

萬一它有幫助，以防我對我的代碼進行了一些反復試驗，發現刪除了<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> HTML標題中的<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">可以解決此問題，但它弄亂了我網站的視圖，因此顯然不是解決方案。 有人知道這里發生了什么嗎？

Answer 1

好吧，我想出了一個解決方案。 我將以下代碼替換為以下代碼：

$(document).ready(function() {
   var ias = $('.mobileContent').ias({
          container:  '#mobileVideos',
          item:       '.mobileVideoDiv',
          pagination: '#mobilePagination',
          delay:      '1250',
          next:       '.mobileNext'
      });
});

因此，簡而言之，我在這里所做的不是依靠瀏覽器滾動條，而是告訴jquery-ias在特定的“ div”元素上添加滾動條。