• Страница 1 из 1
  • 1
Форум Сталкер » Web-раздел » Скачать скрипты для сталкера » Кнопка вверх по странице
Кнопка вверх по странице
XemorDioДата: Вторник, 17.05.2016, 11:47 | Сообщение # 1
Генерал-полковник
Группа: Пользователи
Сообщений: 897
Награды: 7
Репутация: 8
Статус: 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-раздел » Скачать скрипты для сталкера » Кнопка вверх по странице
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика
Рейтинг@Mail.ru