Как сделать прокрутку в начало страницы

Прокрутка на CSS

Моментальный переход в начало страницы с использованием блока #header, который традиционно размещен в начале любой веб-страницы.

<div class="top">
<a title="перейти в начало страницы" href="#header">наверх</a>
</div>

Минимальное оформление ссылки (как на этой странице).


.top a {
background: #324a5e none repeat scroll 0 0;
border-radius: 30px 10px / 10px 20px;
color: #fff;
padding: 7px 15px;
}

Прокрутка с JS

Плавная прокрутка в верх страницы с использованием jQuery.

<script>
$(document).ready(function() {
  $('a[href=#header]').click(function(){
    $('html, body').animate({scrollTop:0}, 'slow');
    return false;
  });
});
</script>
Апсолямов Михаил
Автор — Михаил Апсолямов
Продвигаю бизнес в интернете: разработка стратегии, создание сайта, SEO, контент-маркетинг, SMM, обслуживание и техподдержка проектов. Опыт — 15 лет. Подробнее
наверх