Допустим, что прокрутить див до низу.
Зачем решетка? Зачем ты в функцию pageScroll передаешь что-то, если в ней нет аргументов? Где остановка при достижении максимальной прокрутки? У тебя тут бесконечная рекурсия получилась. И, главное - с чего бы должен прокрутиться див, когда у тебя ясно написано "
window.scrollBy"?
<!DOCTYPE HTML>
<html>
<head> </head>
<body>
<script>
function scroll_into_bottom(element, step, delay) {
if (element.scrollTop >= element.scrollTopMax) return;
if (step == undefined) step = 10;
if (delay == undefined) delay = 10;
element.scrollTop += step;
setTimeout(function(){scroll_into_bottom(element, step, delay)}, delay);
}
</script>
<div id="mydiv" style="height: 100px; overflow-y: scroll; background-color: blue;">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<button onclick="scroll_into_bottom(document.getElementById('mydiv'))">Scroll into bottom!</button>
</body>
</html>