Кнопка Вверх (Плавный скроллинг) для ucoz - Скрипты для Ucoz - Все для Ucoz - Каталог файлов - Скрипты и шаблоны для UcoZ

Меню сайта

Сайт

Фильмы

Программы/Софт

Креатив

Скачать игры

Все для мобильного

Все для Photoshop

Все для uCoz

Разное

Наши банеры

Уважаемый пользователь.
Если вам наш сайт был полезен, вы можете нас отблагодарить разместив наш банер у себя на сайте.

Комментируемое на форуме

Что в этом скрипте особенного:
1) Появляестя скроллирующая кнопка только после тот, как вы начнёте пролистывать страницу Вниз и пропадёт, как только вы снова окажетесь в самом верху страницы
2) При нажатии на кнопку происходит плавное прокручивание страницы вверх (В Opera резкий переход вверх без всякой плавности)

Установка:

Для начала скачайте архив ,

Далее -

Управление дизайном сайта -- Нижняя часть сайта

В самый верх вставляем:

Code

<a href="#" id="toTop">Вверх <img src="/to_top.gif" border="0" align="absmiddle" /></a>
<script src="/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>

Теперь бежим в Управление дизайном сайта -- Таблица стилей (CSS)

В самый верх вставляем:

Code

/* === jQ TOP === */
#toTop {
  width: 100px;
  background: #f1f1f1;
  border: 1px solid #cccccc;
  text-align: center;
  padding: 5px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  color: #666666;
  text-decoration: none;
}
/* =============== */

Теперь заливаем все файлы из архива в корень сайта (Через файловый менеджер)
Всё, наслаждаемся скриптом!