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

09/12/2012  верстка, jQuery, скрипты, веб-разработка, html

Прокрутка на 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-продвижения. Провожу аудиты сайтов. Пишу статьи на заказ. Услуги и цены.

 

наверх