Добро пожаловать на форум!
Новые сообщения Участники Правила форума Поиск RSS
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные пользователи Новые участники
Болт (3758)
Skyline (2679)
XemorDio (2471)
Strelok41 (2123)
Antihit [19.02.2017]
Fankor [18.02.2017]
TyMaHbI4 [17.02.2017]
Alex92 [16.02.2017]
vasyuchenko [15.02.2017]
Страница 1 из 11
Форум » Web-раздел » Скрипты uCoz » Кнопка вверх по странице
Кнопка вверх по странице
XemorDio Дата: Суббота, 10.09.2016, 17:20 | Сообщение # 1
Группа: Админы
Сообщений: 2471
Награды: 11 Репутация: 281
Статус: 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
Поиск:
06:49
Обновить

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