Форум Сайтостроение Веб-строительство

Скроллинг к нужной части сайта

GA
На сайте с 16.06.2013
Offline
61
Green arrow
637

Доброго времени.

Ситуация такая: страница с баннерами и прочими слайдерами сверху, контент где-то по центру. Пагинация на ajax'е. Дело в том, что весь контент (ну например 10 пунктов) не помещаются в одно окно браузера, необходимо делать скроллинг вниз, и там же тыкать на след страницу. Но при переходе страницы (ну т.е. обновлении контента) страница остаётся в том же положении, т.е. верхние пункты контента оказываются за пределами экрана.

Как реализовать поднятие страницы на нужный уровень? В голову приходили якоря типа #up, но не хотелось бы так, необходимо как-то плавно это делать. Над контентом есть див блок, к которому и нужно поднимать страничку. Какие варианты есть?

R
На сайте с 18.12.2009
Offline
92
rerighter
#1

Реализация на jQuery:


$("#button").on("click", function() {
    $('html, body').animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});

Или плавно с якорем


$('html, body').animate({ scrollTop: $(window.location.hash).offset().top}, 2000);

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий