Question

我的html页面分为很多div

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

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

Answer 1

如果您不想简单地使用锚点或ID引用并想要为其设置动画，请使用animate。

这是一个小提琴：http://jsfiddle.net/zMGnQ/

#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

    })
})

Answer 2

尝试使用$("#2").slideUp()检查here以获取有关JQuery SlideUp（）的更多信息

在html中滑动页面

2 个答案: