Добро пожаловать на форум!
Новые сообщения Участники Правила форума Поиск RSS
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные пользователи Новые участники
Болт (3758)
XemorDio (2726)
Skyline (2698)
Strelok41 (2177)
FLashstar169 [18.10.2017]
Риник [11.10.2017]
norton1424 [11.10.2017]
VitalikZeleniy [08.10.2017]
fantomiks359 [04.10.2017]
Страница 1 из 11
Форум » Web-раздел » Скрипты uCoz » Кнопка вверх по странице
Кнопка вверх по странице
XemorDio Дата: Суббота, 10.09.2016, 17:20 | Сообщение # 1
「 Рипер, техник сайта 」
Группа: Модераторы
Сообщений: 2726
Награды: 13 Репутация: 295
Статус: Offline

Описание:
Очередной скрипт плавного скроллинга на страницах сайта. Скрипт очень простой, кнопка поднятия вверх по странице имеет внешне квадратную форму, кнопка располагается в нижнем правом углу браузера, имеет фиксированное месторасположение, не исчезает при поднятии вверх по странице.
Установка:
В нижнюю часть сайта вставляем код:
Код
<div id="s5_scrolltopvar">
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 500);return false;" class="s5_scrolltotop"></a>
</div>
В таблицу стилей (CSS) вставляем код:
Код

#s5_scrolltotop {height: 0; visibility:hidden;}
.s5_scrolltotop { -webkit-transition: none !important; -moz-transition: none !important;
  -o-transition: none !important; transition: none !important; width:38px; height:38px; cursor:pointer; position:fixed;
  right:0px; bottom:70px; background:transparent url(http://i.imgur.com/lRCaVrj.png) no-repeat top center;}  
.s5_scrolltotop:hover {background:transparent url(http://i.imgur.com/lRCaVrj.png) no-repeat bottom center;}  
Форум » Web-раздел » Скрипты uCoz » Кнопка вверх по странице
Страница 1 из 11
Поиск:
11:14
Обновить

Хостинг от uCoz | Design by XemorDio | MODSTALKER © 2009-2017