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

Прокрутка на 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>
Апсолямов Михаил
Автор — Михаил Апсолямов
Создаю и продвигаю сайты с 2010 года. Провожу аудиты, настраиваю контекстную рекламу. Подробнее об услугах.
наверх