懒惰加载无法在移动设备chrome和safari浏览器中使用?

时间:2017-04-17 11:23:58

标签: jquery lazy-loading

我的代码在这里:

`<script type="text/javascript" language="javascript">
   $(window).scroll(function ()
   {
      if ((($(window).scrollTop() + $(window).height())) >= $(document).height())
      {
         setTimeout(function ()
         {
            scrollMore();
         }, 500);
      }
   });
   function scrollMore()
   {
      if ($(window).scrollTop() == (($(document).height()) - ($(window).height())))
      {
         var records =<?php echo $total_record; ?>;
         var offset = -Infinity;
         $(".limit").each(function ()
         {
            offset = Math.max(offset, parseFloat(this.value));
         });
         var query = $("#query").val();
         if (records >= offset)
         {
            $(window).unbind("scroll");
            $("#loading").show();
            setTimeout(function ()
            {
               loadMoreData(offset, query);
            }, 500);
            scrollTop: 0;
         }
      }
   }
   function loadMoreData(offset, query)
   {
      $("#loading").css('display', 'block');
      $.ajax({
         type: 'POST',
         async: false,
         url: 'get_data.php',
         data: {limit: offset, query: query},
         success: function (data)
         {
            $("#loading").hide();
            $('#posts').append(data);
         },
         error: function (data)
         {
            alert("ajax error occured" + data);
         }
      }).done(function ()
      {
         $(window).bind("scroll", function ()
         {
            scrollMore();
         });
      });
   }
</script>

这在窗口和ubuntu中完美适用于所有响应大小的桌面,标签,移动设备(响应宽度),但无法在移动设备Chrome浏览器中使用。

在移动设备中,mozila firefox浏览器运行良好。

0 个答案:

没有答案