title: finding the maximum scroll position of a page
body: <p>I have made the body of the page 200% tall so that it fits on a screen twice. Using javascript I am making it keep scrolling to the top or bottom when you scroll. For this, I need to find out the lowest scroll point of the page on any browser or screen size so that it stops when it gets there.</p>
  
  <p>No JQuery please.<br/>
  Thank you.</p>
  
  <p>My code: (it is still being put together so needs a bit of work)</p>
  
  <pre><code>function getScrollXY() {
      var x = 0, y = 0;
      if( typeof( window.pageYOffset ) == 'number' ) {
          // Netscape
          x = window.pageXOffset;
          y = window.pageYOffset;
      } else if( document.body &amp;&amp; ( document.body.scrollLeft || document.body.scrollTop ) ) {
          // DOM
          x = document.body.scrollLeft;
          y = document.body.scrollTop;
      } else if( document.documentElement &amp;&amp; ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
          // IE6 standards compliant mode
          x = document.documentElement.scrollLeft;
          y = document.documentElement.scrollTop;
      }
      return [x, y];
  }
  
  function scrollup() {
      if (xy[1] &gt; 0) {
          window.scrollBy(0,-100);
          setTimeout(scrollup,200);
      } else {
          null;
      }
  }
  
  function scrolldown() {
      if (xy[1] &lt; ) {
          window.scrollBy(0,100);
          setTimeout(scrolldown,200);
      } else {
          null;
      }
  }
  
  function dothescroll() {
      var xy = getScrollXY();
      var y = xy[1];
      setTimeout(function(){
          if (xy[1] &gt; y) {
              scrollup();
          } else {
              scrolldown();
          }
      },200);
  }
  </code></pre>