Javascript 如何使用jQuery在页面上上上下滚动？

我在我的页面中添加了一个向下滚动的链接：

<div class="scroll">
    <a onclick="scroll_down()" href="#" id="'scroll_id"> 
        click me 
    </a>
</div>

<script>
    function scroll_down() {
        var y = $(window).scrollTop(); //current position
        $("html, body").animate({scrollTop: y + $(window).height()}, 600);
    }

    function scroll_top() {
        window.scrollTo(0, 0);
    }
</script>

---

有人告诉我错误在哪里吗？为什么不起作用？

在*事件属性上使用

被认为是不好的做法，在运行时修改它们更糟糕

一个更好的解决方案是使用一个不引人注目的事件处理程序，它确定页面的当前滚动位置，并根据需要向上/向下移动，如下所示：


$（函数（）{
$（“#滚动_id”）。单击（函数（e）{
e、 预防默认值（）；
var$win=$（窗口）；
var scrollTarget=$win.height（）+$win.scrollTop（）>=$（document.height（）？0:$win.scrollTop（）+$win.height（）
$（“html，body”）.animate({
scrollTop:scrollTarget
}, 600);
});
});
。滚动{
位置：固定；
排名：0；
左：0；
z指数：10；
}
#内容{
高度：1000px；
位置：相对位置；
}
#内容部{
位置：绝对位置；
}
#内容。顶部{
顶部：20px；
}
#内容。中间{
顶部：500px；
}
#内容。底部{
底部：0；
}

顶部
中间的
底部
语法错误：

<a onclick="scroll_down()" href="#" id="'scroll_id"> 

（删除了额外的“
您的
ID在开头有一个错误
”
：
ID=“'scroll\u ID”
-我怀疑您的jQuery选择器
$（'.\scroll\u ID'）
没有找到任何东西。请在jQuery代码中使用
onclick
而不是
onclick
。非常感谢您的回答。。这太可怕了。但有一件事，当第二次单击
单击我
时，
顶部
再次显示（在flash中）。如何删除此行为？我的错误-我错过了调用
preventDefault（）
，以停止指向
#
的链接。我为你更新了答案谢谢你的答案！一个注释，一个仅仅指出拼写错误的答案，应该作为一个带有结束投票的评论。印刷错误被认为是“离题”，回答离题问题是非常不鼓励的。
<a onclick="scroll_down()" href="#" id="'scroll_id"> 

     id="scroll_id">