Главная » Файлы » Прочие скрипты » jQuery
Кнопка Вверх (Плавный скроллинг) для uCoz
21.06.14, 15:39:38

Скачать файл



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

Установка:

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

В самый верх вставляем:
Код
<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)

В самый верх вставляем:
Код
/* === 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;  
  }  
  /* =============== */


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

Всё, наслаждаемся скриптом! smile
Категория: jQuery | Добавил: Apocalypse | Теги: вверх, ucoz, кнопка, для, скроллинг), (Плавный
Просмотров: 506 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: