scrollTop - странные результаты

У меня есть div, который я закодировал для прокрутки "автоматически" с помощью scrollTop. Я получаю некоторые странные результаты... Каждый раз, когда я нажимаю кнопку, прокрутка переключается туда и обратно (см. JsFiddle, потому что я уверен, что не очень хорошо объясняю себя. Если вы можете сказать мне, что происходит, и не только, как это исправить, я был бы признателен. Я сделал это так: (кстати, на моем фактическом сайте у меня не будет кнопки, я на самом деле буду запускать i++ с событиями клавиатуры),

$(function () {

  var i = 0;

  $('#submit').click(function () {

      i++;

      if (i > 0) {
         $('#textOne').scrollTop($('#s3').offset().top);
      }
  });

});

http://jsfiddle.net/bdenzer/Yu5Jz/7/