» »

Рабочий скрип наверх для uCoz


Рабочий скрип наверх для uCoz

Предлагаю вам отличный скрипт наверх для сайтов созданных в системе uCoz!
Спросите вы чем этот скрипт отличается от любых других?
Я отвечу так, наверное тем что он вписывается в любой дизайн и его с лёгкостью можно подстроить под себя так как в данном скрипте нет картинок и он полностью на небольшом сборе стилей.
Так же мне понравился именно этот скрипт тем что он запоминает то место до кудо вы прокрутили и поднялись на вверх и при следующим клике он вас вернёт именно на то место от куда вы поднялись.
В общем скрипт не плохой и полностью работает и мы сейчас его установим с вами.

Установка скрипта наверх


Тут сложного не чего нет, всего то нужно установить ниже приведённый код/скрипт в нижнюю часть вашего сайта и сохраните.

Код
<div id="updown"><span></span></div>
<script type="text/javascript" src="/js/updown.js"></script>
  <style>
#updown.down {
  opacity:1;
}
   
#updown.up {
opacity: 1;
}

#updown {
height: 100%;
width: 50px;
position: fixed;
top: 0px;
left: 0px;
cursor: pointer;
background: rgba(0, 0, 0, 0.3);
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.2s ease;
opacity: 0;
text-align: center;
}
   
#updown span {
color: white;
font-weight: bold;
font-size: 10px;
margin-top: 50px;
display: block;
}
  </style>


Вторым действием вам нужно скачать архив и загрузить в корень вашего сайта папку js.

Вот и всё а вы говорили что не сможете а на самом деле согласитесь всё легко и просто!

Удачи вам и вашим сайтам!
13.03.2015 Загрузок: 7 Просмотров: 690 Комментарий: (8)

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

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

Комментарий: 8
Kosten
Kosten 13.03.2015 16:111
0
Для фиксированных по ширине ресурсов, скрип и был создан.
Kosten
Kosten 15.03.2015 16:272
0
Скажите плиз, когда не наводишь, чтоб поднять страницу вверх, то должно не видать полосы.
Dimstrik
Dimstrik 15.03.2015 16:583
0
Kosten, Она не видна только когда вверх прокрутил сайт сам а если нажимаешь на неё то она видна вверх а вверху написано в низ
Kosten
Kosten 15.03.2015 17:284
0
Dimstrik, для блага или сильно по дизайну фиксированного сайта, отличное решение.
Dimstrik
Dimstrik 15.03.2015 17:385
0
Kosten, Ну да и для тех кто любит много материалов на одной странице.
Я видал один ресурс так я замучался там крутить в низ а потом верх smile
DALMATIN
DALMATIN 04.10.2015 16:136
0
Во как хорошо что когда то выложил, теперь и на мой сайт как раз пригодилось и к месту!
Kosten
Kosten 04.10.2015 22:027
0
Видел, смотрится отлично.
Kosten
Kosten 16.02.2016 14:198
0
Так скрипт будет смотреться на сайте под любую тематику.

avatar