在元素单击时向下滚动1000像素

Question

我有div id="menuitem1"，当有人点击该div时，我希望该页面向下滚动页面1000px。

我知道这对谷歌来说很容易，但出于某种原因，即使在读完文章和尝试各种各样的事情之后，我也无法弄明白。我对这些东西不熟悉，所以请理解这一点。谢谢！

<script type="text/javascript">
$("#menuitem1").click(function(){
$(window).scrollTo( {top:'1000px'}, 800 );
});
</script>

Answer 1

你需要的javascript函数会看到一些链接：

function pageScroll() {
        window.scrollBy(0,1000); // horizontal and vertical scroll increments
}

和html按钮，嗯，只是：

<input type="button" onClick="pageScroll()" value="Scroll Page">

祝你好运