• Страница 1 из 1
  • 1
Кнопка вверх на плавном скроллинг сайта
Pasan не в сети9:57 PM | Сообщение # 1
Админ
Администраторы
Сообщений: 102
Награды: 0
Репутация: 0
Кнопка вверх на плавном скроллинг сайта




Еще одна кнопка верх, где присутствует плавный скроллинг для сайта uCoz. Как понимаете ее функция, это поднять на сайте страницу снизу вверх. По установке с ней идет основной код и стили, где как раз ссылки на кнопку будут. Есть у ней мера в зависимости от того, когда она исчезает, так как по своим функциям, она потом исчезает, что отлично, не будет на себя внимание брать. Она будет в низу, но все вы можете перестроить как видите, по дизайн вы видите на изображение, так по умолчанию на сайте отражается.

Установка:

В нижнюю часть сайта вставляем код:

Код
<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(https://zornet.ru/Aben/Gsa/s5_scroll_arrow.png) no-repeat top center;}  
.s5_scrolltotop:hover {background:transparent url(https://zornet.ru/Aben/Gsa/s5_scroll_arrow.png) no-repeat bottom center;}


профиль сайт
  • Страница 1 из 1
  • 1
Поиск: