<div id="texte" style="width:200px;height:300px;border:1px solid black;position:relative;overflow-y:hidden;"><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam neque orci, lobortis eget porta quis, lacinia eget nunc. Curabitur semper, eros et pulvinar congue, leo erat viverra magna, in ullamcorper nibh risus quis diam. Fusce sed lorem et dui viverra malesuada consectetur id mi. Curabitur augue massa, interdum sed vestibulum nec, semper eget leo. Fusce sagittis elementum nibh imperdiet adipiscing. Aenean purus neque, tincidunt sit amet suscipit ac, viverra sit amet magna. Suspendisse quam ante, porta sit amet sodales id, pretium euismod dui. Donec faucibus, urna at porta rutrum, massa ante sollicitudin neque, at elementum elit leo sit amet felis. In leo erat, convallis id faucibus at, sollicitudin ac orci. Donec a lorem nisl, ac aliquet nibh. Mauris mollis, lacus nec mollis laoreet, dolor orci dictum purus, non sollicitudin ipsum arcu vel erat. Praesent vel sollicitudin ipsum. Nullam quis elit nisl, at aliquet sapien. Maecenas nisl ligula, imperdiet sed lacinia ac, dictum quis urna. Duis id odio ac lectus rhoncus egestas eu id odio. Sed dolor mi, interdum ac ultricies ut, gravida sed nulla. Aliquam commodo, eros non varius blandit, metus libero tempor sapien, in volutpat lectus justo eget arcu. Nulla facilisi. Etiam interdum erat ac metus ornare molestie. Nam facilisis iaculis lacus ut egestas.</div></div>

<br />
<button id="btn_up" onclick="up('texte')">UP</button>
<button id="btn_down" onclick="down('texte')">DOWN</button>

<script>
window.onload=function() {
  var scr = new Scroll("texte","btn_up","btn_down");
};

function Scroll(id,id_up,id_down) {
  var d = document.getElementById(id);
  var txt = d.getElementsByTagName("div")[0];
  txt.style.position = "relative";
  txt.style.top = "0";
  var tps = 50;
  var nb = 0;

  document.getElementById("btn_up").onclick = up;
  document.getElementById("btn_down").onclick = down;

  function up() {
    if(nb>0) {
      nb--;
      var dest = nb*d.offsetHeight;
      (function go() {
        var act = parseInt(txt.style.top,10);
        if(act<-dest) {
          txt.style.top = act+10;
          setTimeout(go,tps);
        }
      })();
    }
  }
  function down() {
    if(nb<Math.floor(txt.offsetHeight/d.offsetHeight)) {
      nb++;
      var dest = nb*d.offsetHeight;
      (function go() {
        var act = parseInt(txt.style.top,10);
        if(act>-dest) {
          txt.style.top = act-10;
          setTimeout(go,tps);
        }
      })();
    }
  }
}
</script>