Кнопка Вверх (Плавный скроллинг)

SUAREZ добавил 1313763959 в раздел UCOZ Другие скрипты
Чрезвычайно полезный скрипт для ucoz, да и не только для ucoz, для сайта, независимо от движка.
Скрипт кнопки "Наверх" обеспечивает плавный скроллинг к вверху страницы.


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

Устанавливаем данный код перед для хотим видеть стрелку:

Code
<a href="#" id="toTop"><img title="Вверх" src="http://for.ucoz.org/image/arrow.png" border="0" align="absmiddle" /></a>
<script src="http://for.ucoz.org/js/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>


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

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

Code
#toTop {
  width: 100px;  
  border: 0px;
  text-align: center;
  padding: 5px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  color: #666666;
  text-decoration: none;
}


3. Для изменения изображения меняем http://for.ucoz.org/image/arrow.png на ссылку с изображением.
+17
Теги: Вверх, скроллинг, Кнопка Вверх, SUAREZ
Автор: SUAREZ
Источник: Не указан
Зарегистрируйтесь или авторизуйтесь, чтобы добавлять комментарии, оценивать материалы и сохранять их в личном кабинете.
Вы не можете добавлять комментарии

2 комментариев

entry
Свернуть
Развернуть мини-чат
0