jesobreira

scroll load

Feb 18th, 2014
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2. if(isset($_GET['pageid'])) { // não tem nada pra aproveitar nesse code. é só pra dar exemplo msm. pode ignorar.
  3.     $offset = ((int)$_GET['pageid']-1)*100;
  4.     for($i = $offset+1; $i <= $offset+100; $i++) {
  5.         echo "Linha $i<br/>\n";
  6.     }
  7.     exit;
  8. }
  9. ?>
  10. <!DOCTYPE html>
  11. <html>
  12. <head>
  13. <meta charset="utf-8" />
  14. <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  15. <script type="text/javascript">
  16.     $(document).ready(function() {
  17.         var pageid = 1; // primeira pagina... 1 né? -_-
  18.         var elemento = $("#scroll"); // elemento que vai carregar as parada aqui
  19.         $(window).scroll(function() {
  20.             if($(window).scrollTop()+$(window).height() >= elemento.height()-50) {
  21.                 pageid++;
  22.                 $.get("scroll.php?pageid="+pageid, function(retorno) {
  23.                         elemento.append(retorno);
  24.                     }
  25.                 );
  26.             }
  27.         });
  28.     });
  29. </script>
  30. </head>
  31. <body>
  32. <div id="scroll">
  33. <?php
  34. for($i = 1; $i <= 100; $i++) {
  35.     echo "Linha $i<br/>\n";
  36. }
  37. ?>
  38. </div>
  39. </body>
  40. </html>
Add Comment
Please, Sign In to add comment