Javascript向上和向下滚动按钮

Question

我试图制作2个按钮，一个叫“up”，一个叫“down”。

当我在其中一个上按下鼠标时，它应该向上或向下滚动整个页面。

我尝试使用此代码，但效果不佳             <a href="#" id="up">Up</a>
            <a href="#" id="down">down</a>​

        <script>

            $(document).ready(function() {
                $("#down").hover(function () {
                    scroll_page("down");
                }, function() { $('.content').stop(); });

                $("#up").hover(function () {
                    scroll_page("up");
                }, function() { $('.content').stop(); });
            });

            function scroll_page(direction) {  
                var scrolled = $(window).scrollTop();
                if (direction == 'up') {
                    var scroll = scrolled + 100;
                }else{
                    var scroll = scrolled - 100;
                }

                $("html, body").animate({ scrollTop: scroll }, "fast");
            }
    ​
        </script>

有没有人有任何想法怎么做？