【问题标题】:jquery-ias is not working on mobile platformsjquery-ias 不适用于移动平台
【发布时间】:2015-02-28 19:10:20
【问题描述】:

根据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;"> 可以解决问题,但它会打乱我网站的视图,所以这显然不是解决方案.有人知道这里发生了什么吗?

【问题讨论】:

    标签: jquery-ias


    【解决方案1】:

    好的,我想出了一个解决方案。我用以下代码替换了上面的代码:

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

    所以简而言之,我在这里所做的不是依赖浏览器滚动条,而是告诉 jquery-ias 在特定的“div”元素上添加滚动条。

    【讨论】:

      猜你喜欢
      • 2017-05-14
      • 1970-01-01
      • 1970-01-01
      • 2016-01-17
      • 2012-04-10
      • 1970-01-01
      • 2014-09-20
      • 2016-05-21
      • 2013-05-29
      相关资源
      最近更新 更多