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); 
    }); 
}); 

Answer 4

Я не знаю о функции «scrollTo», но если это действительно существует, проблема может быть в селекторе. В зависимости от браузера вам нужно либо оживить тело ИЛИ объект html. Что я обычно делаю анимировать scrollTop что-то вроде этого:

$('html,body').animate({ scrollTop: $('#contact').position().top+'px'}, 400, function() {}) 

Обратите внимание, что я выбрал 400ms для продолжительности, но вы можете использовать все, что вы хотите. Последний параметр функции() - это обратный вызов, что означает, что он называется правильным, когда анимация выполнена. Надеюсь, это помогло.