JQuery - Когда событие вызывается, страница должна перемещаться

Question

У меня есть страница на html. Когда я нажимаю кнопку отправки, я вызываю функцию Javascript. Мне нужно (например) перейти вверху страницы (или в другое указанное место, например, в середине, где у меня есть div). Я думаю, что есть способ сделать это. Как называется? Благодаря

КОД:

<form onSubmit="return checkTL();" method='POST' action='./index.php?status=add' name='addtl' > 
    somethings... 
    <input type="submit" name="mgmttlt" value="Add Tracklist" /> 
</form> 

function checkTL() { 
    value=$('#inputa').val().replace(/[\\\s]+/g, ''); 
    if(value=="") { 
     $('#printe').removeClass().addClass('error').html("Please insert a valid Artist"); 

     var pos = $('.target').offset().top; 
     $('html,body').animate({scrollTop: pos },1000);    

     return false; 
    } 

    return false; 
} 

как пример, я всегда возвращать ложь в функции. Но если я добавлю функцию scrollTop, в некотором режиме она вернет true, и функция продолжит работу. Зачем?

Answer 1

Это может быть сделано с из плагина

См: .scrollTop()

Пример:

$(function() { 
    $('.button').click(function() { 
    var pos = $('.target').offset().top; 
    $('html,body').animate({scrollTop: pos },1000) 
    }); 
}); 

Вы можете проверить его здесь http://jsbin.com/ixabe3

Answer 2

Используйте плагин jQuery's ScrollTo. Example.