jQuery scrollTo

Question

$(document).ready(function() {
    $("#contact_menu").click(function() {
        $(body).scrollTo("#contact", 800);  
    }); 
}); 

我在我的代码中输入了这个，希望它能让我的页面滚动，但我不能工作。我试了几种方法，但我不能正确地使用它。

我希望你们中的一个能帮助我。

Answer 1

试试这个：

$("#contact_menu").click(function() {
        $("body").animate({
         scrollTop: $("#contact").offset().top
     }, 2000);
}); 

jsFiddle：http://jsfiddle.net/hescano/43umh/

你在尝试这个插件吗？http://demos.flesler.com/jquery/scrollTo/

Answer 2

如果要使用jQuery滚动到某项内容，请使用.scrollTop

$(document).ready(function() {
    var pos = $('#contact').position();
    $("#contact_menu").click(function() {
        $(body).animate({scrollTop:pos.top},800);  
    }); 
}); 

Answer 3

试一试

$(document).ready(function() {
    $("#contact_menu").click(function() {
        $('body, html').animate({ scrollTop: $("#contact").offset().top }, 800);
    });
});