var i = 0;
var textBlock;

function init()
{  
  document.getElementById(0).hidden = false;
  textBlock = document.getElementById(0);
}
function scrollBarPosition()
{
if(textBlock.scrollTop >= textBlock.offsetHeight-document.documentElement.clientHeight)
  {
    showNextTextBlock();
  }

} Сначала вызывается init(), затем вторая функция. Почему-то textBlock.scrollTop всегда равняется 0, хотя визуально элемент прокручивается...

<div id="div" />

<script>
var div = document.getElementById('div'), i = 100;

while(i--) {
  div.parentNode.insertBefore(document.createElement('br'), div);
}
// прокручиваем вниз
window.scrollTo(0, document.documentElement.scrollHeight);

// прокручиваем вверх
document.onclick = function() {
    *!*
    window.scrollTo(0, document.documentElement.srollTop);
    */!*
};
</script>

var i = 0;
var textBlock;

function scrollBarPosition() //вызывается при событии onscroll
{
  //alert(textBlock.scrollTop); //всегда 0...
  if(textBlock.scrollTop >= textBlock.offsetHeight-document.documentElement.clientHeight)
  {
    showNextTextBlock();
  }
  else if(textBlock.scrollTop <= document.documentElement.clientHeight)
  {
    showPrevTextBlock();
  }
  if(textBlock.scrollTop > textBlock.offsetHeight)
  {
    i++;
    textBlock = document.getElementById("b_" + i);
  }
  else if(textBlock.scrollTop < -document.documentElement.clientHeight)
  {
    i--;
    textBlock = document.getElementById("b_" + i);
  }
}

function showPrevTextBlock()
{
  if(i-1 >= 0) document.getElementById("b_" + i-1).hidden = false;
  document.getElementById("b_" + i+1).hidden = true;
  
}

function showNextTextBlock()
{
  if(i-1 >= 0) document.getElementById("b_" + i-1).hidden = true;
  document.getElementById("b_" + i+1).hidden = false;
}

function init() //при загрузки страницы вызывается эта функция
{  
  document.getElementById("b_" + 0).hidden = false;
  textBlock = document.getElementById("b_" + 0); 
}