» »

Кнопка вверх на плавном скроллинг сайта


Кнопка вверх на плавном скроллинг сайта

Еще одна кнопка верх, где присутствует плавный скроллинг для сайта 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(http://zornet.ru/Aben/Gsa/s5_scroll_arrow.png) no-repeat top center;}  
.s5_scrolltotop:hover {background:transparent url(http://zornet.ru/Aben/Gsa/s5_scroll_arrow.png) no-repeat bottom center;}


Источник: www.csomsk.ru
02.11.2016 Просмотров: 355 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Brung
Brung 02.11.2016 01:091
0
Сейчас этих кнопок в сети, как у дурака фантиков, здесь только один плюс, что стили не такие большие.
FeStemBer
FeStemBer 02.11.2016 01:122
0
Но основном одна ссылка идет, здесь 2, так что эффект при наведение будет.
Kosten
Kosten 02.11.2016 01:163
0
Все просто, кому то круглые по своему формату нравятся кнопки. как здесь и также эффект есть. Но там явно больше стилей и корд больше, но нет не одной ссылки. Здесь идет в углами, и к ста те она прозрачная, или правильно сказать, темно прозрачный фон.
csomsk8047
csomsk8047 09.11.2016 11:274
0
РИП СКРИПТА.
Kosten
Kosten 09.11.2016 12:025
0
Не балуйся со спамоп, прописал в материале, здесь уберу.
avatar