Прокрутка вверх после загрузки содержимого Ajax
В любом случае, я могу сделать это, чтобы страница автоматически прокручивалась вверху после загрузки содержимого (через Ajax)?
Это код для отображения содержимого:
$(document).ready(function () {
var my_layout = $('#container').layout();
$("a.item_link").click(function () {
$("#loader").fadeIn();
feed_url = $(this).attr("href");
$.ajax({
type: "POST",
data: "URL=" + feed_url,
url: "view.php",
success: function (msg) {
$("#view-area").html(msg);
$("#loader").fadeOut();
}
});
return false;
});
});
Итак, после того, как "область просмотра" загрузила его содержимое, я могу сделать автоматический прокрутку страницы вверху?
Ответы
Ответ 1
Просто используйте функцию прокрутки
scrollTo(0);
Если вы хотите jquery, то вот хороший пример сглаживания:)
Из ссылки:
$('html, body').animate({ scrollTop: 0 }, 0);
//nice and slow :)
$('html, body').animate({ scrollTop: 0 }, 'slow');
Поместить его в свой код
...
success: function (msg) {
$("#view-area").html(msg);
$("#loader").fadeOut();
//Put code here like so
$('html, body').animate({ scrollTop: 0 }, 0);
}
Ответ 2
Вы можете сделать $(window).scrollTop(0);
Ответ 3
Все запросы ajax имеют аргумент обратного вызова, поэтому используйте scrollTop(0)
.
Проверьте документацию jQuery, как использовать обратные вызовы ajax.