Rusforumz - все для web-матера > HTML/CSS > Кнопка "вверх" (плавный скролл)

Кнопка "вверх" (плавный скролл)


9 февраля 2008. Разместил: rusforum
Мы продолжаем публикацию каких-то важных мелочей, с помощью которых вы сможете сделать ваш сайт более функциональным и интересным
Сегодня разговор пойдёт о кнопке, которая отправляет пользователя на верх страницы, такая кнопка полезна при большом заполнении текстом страницы.

Как сделать кнопку "Вверх" думаю знают все.
Никаких якорей в документе можно не ставить, просто написать.


<a href="#top">Вверх</a>



Но когда нажимаешь на такую ссылку тебя сразу же перебрасывает вверх, а хочется какой-то эффект, чтобы был, необычный.
Такой эффект есть.

Вставляем между тегами head и /head следующий код:


<script Language="JavaScript">
  function scrollit()
  {for (I=100; I>=1; I--)
  {self.scroll(1,I)}}
</script>



А ссылка вверх тогда будет иметь такой код

<a href="javascript:scrollit()">Вверх</a>


Реализацию эффекта можете понаблюдать на странице http://www.vasechkin.ru/

Просто нажмите на ссылку "вверх", которая находится внизу страницы.