Javascript上下滚动按钮

我试着做两个按钮，一个叫“向上”，一个叫“向下”

当我把鼠标放在其中一个上面时，它会在整个页面上上下滚动

我尝试使用此代码，但效果不佳。

​

        <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>


$（文档）.ready（函数（）{
$（“#向下”）。悬停（函数（）{
滚动页面（“向下”）；
}，函数（）{$（'.content'）.stop（）；}）；
$（“#向上”）。悬停（函数（）{
滚动页面（“向上”）；
}，函数（）{$（'.content'）.stop（）；}）；
});
功能滚动页面（方向）{
var scrolled=$（窗口）.scrollTop（）；
如果（方向==“向上”）{
var scroll=滚动+100；
}否则{
var scroll=已滚动-100；
}
$（“html，body”）.animate（{scrollTop:scroll}，“fast”）；
}
​

有人知道该怎么做吗？
试试@roine，但我需要它在鼠标按下时不断滚动？@Nelson我是这个网站的新手，所以不知道接受的事情。。但是现在做了：）以后也会做。使用jquery
mousedown
和
mouseup
事件。在
if
条件之前还声明
滚动
变量<代码>变量滚动=0@Shahid我现在已经这么做了。但是没有任何运气——”