Javascript 在html中滑动页面

我的html页面分为许多部分

<div id=1> //content1</div>
<input type="button" value="Go to div 2" />
<div id=2> //content2 </div>

//content1
//内容2

---

我的id=2的div在页面下方太低。我希望每当我单击按钮时，id为2的div就会向上滑动并到达页面的开头。

如果您不想简单地使用锚定或id引用并希望对其设置动画，请使用

这是一把小提琴：

#div1，#div2{
高度：400px；
背景：#00aa00；
利润率：20px；
填充：20px；
}
//内容1
//内容2
$（'#but'）。单击（函数（）{
$（'body'）。设置动画({
scrollTop:$（'#div2'）.offset（）.top
})
})

尝试类似于

$（“#2”）的方法。slideUp（）

检查JQuery slideUp（）的更多信息。

我在那里的答案详细描述了应该使用的方法：）小心使用数字作为ID:JohnP。。。像往常一样快速而愤怒；）+1如果隐藏第二个div，则不会滚动到该div。

#div1, #div2 {
    height: 400px;
    background: #00aa00;
    margin: 20px;
    padding: 20px;
}

<div id='div1'> //content1</div>
<input id='but' type="button" value="Go to div 2" />
<div id='div2'> //content2

$('#but').click(function(){
    $('body').animate({
        scrollTop: $('#div2').offset().top

    })
})