如何向下滚动页面中的DIV？

Question

我有一个页面，我试图向下滚动一个固定高度的DIV（div＃main，div＃header和div＃footer之上），我看到几个排列在窗口上的行为。但是，我不想滚动窗口;我只想滚动DIV。

目前我尝试过的混乱是：

            var scroll_down = function()
                {
                console.log('scrolling...');
                document.getElementById('main').scrollBy(0, 50);
                // document.getElementById('main').scrollBy(0, 50);
                console.log('scrolling... 2');
                /*
                jQuery('#main').animate({'scrollTop':
                  jQuery('#main').height() +
                  jQuery('#header').height()});
                  */
                console.log('scrolling... 3');
                }

第一种方法看起来像document.getElementById（）返回null或undefined;都没有移动页面。

如果有或没有jQuery，我应该怎么说，“请一直向下滚动div＃main”？

谢谢，