Question

根据infinitescroll.com文档，我添加了以下代码，在桌面浏览器上工作正常但在移动浏览器上，当我向下滚动时，它不会加载内容。

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

以防万一，如果它有助于我对我的代码进行一些试验和错误，并发现从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”元素上添加滚动条。

jquery-ias不支持移动平台

1 个答案: