Question

我正在基于http://wcetdesigns.com/tutorials/2011/12/01/load-more-onscroll.html

在我的手机GAP网页上滚动推文风格

但它与jquery mobile有点不同。

我想知道如何在手机上计算scrollHeight。我认为“document.body.scrollHeight”无效。

以上示例使用以下脚本，但它不能正常工作。

<script>
  window.onscroll = load_more;
  var page = 1; //PAGE NUMBER ALREADY SHOWN

  function load_more(){
  var doc_h = document.body.scrollHeight; //DOC HEIGHT
  var win_h = document.body.clientHeight; //WINDOW HEIGHT
  var d = doc_h-win_h; //DIFFERENCE OF DOC & WINDOW HEIGHT
  var yOffset = window.pageYOffset; //WINDOW SCROLLBAR Y OFFSET


  //IF SCROLLBAR OFFSET EQUALS DIFFERENCE
  if(yOffset==d){
  page++; //LOAD THE NEXT PAGE ONE AT A TIME
  $.get("loadmore.php?page="+page, function(data){
  $("#list").append(data); //WILL SHOW IN THIS ELEMENT IN 'index.php';
  });
  }
  } 
  </script>

我的html标题也包含相关的元标记。

  <meta name="viewport" content="user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, width=device-width, height=device-height, target-densitydpi=medium-dpi"/>

jquery移动twitter风格滚动

0 个答案: