Есть ли в любом случае, что я могу сделать это, чтобы страница автоматически прокручивалась вверху после загрузки содержимого (через 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; }); });
Итак, после того, как «область просмотра» загрузила свой контент, я могу сделать автоматический прокрутка страницы вверху?
Просто используйте функцию прокрутки
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); }
Вы можете сделать $(window).scrollTop(0);
Все запросы ajax имеют аргумент обратного вызова, поэтому используйте scrollTop(0)
. Проверьте документацию jQuery, как использовать обратные вызовы ajax.