Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  <title>jquery滚动到底部和头部加载</title>
</head>
<body>
  
<div style="height: 3000px;width:100%"></div>  
<script>
$(window).scroll(function () {
  var ks_area = $(window).height();
  var wholeHeight = $(document).height();
  var scrolltop = $(window).scrollTop();
  
  if(ks_area+scrolltop >= wholeHeight) {
    alert('滚动到底部了');
  }
  
  if(scrolltop == 0) {
    alert('滚动到头部了');
  }
})
</script>
  
  
  
  
  
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers