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

09 декабря 2012  4224  jQuery, html, верстка, скрипты

 

Моментальный переход в начало страницы.

Используется блок #header, который традиционно размещен в начале любой веб-страницы. Располагаем текстовую ссылку внизу страницы:

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

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

При необходимости, добавляем код, который обеспечивает эффект плавного прокручивания страницы:

<script>
$(document).ready(function() {
  $('a[href=#header]').click(function(){
    $('html, body').animate({scrollTop:0}, 'slow');
    return false;
  });
});
</script>

Пример перехода (без jQuery) внизу слева. Пример перехода с эффектом плавной прокрутки на главной странице.

 

Комментарии для сайта Cackle
наверх