Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.0.3.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
  <p>中文段落</p>
</body>
</html>
 
$(window).scroll(function(){
  // Returns height of browser viewport
  var window_height = $( window ).height();
  
  var window_scrollTop = $(window).scrollTop();
 
  // Returns height of HTML document
  var document_height = $( document ).height();
  
  console.log(window_height);
  console.log(window_scrollTop);
  console.log(document_height);
  
   if(window_height + window_scrollTop == document_height){
     alert('到底部觸發ajax');
   }
});
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers