Главная » Файлы » Скрипты для uCoz » Другие скрипты

Кнопка "Вверх" с отображением процента, на который прокручена страница для uCoz
24.06.14, 18:54:05



Интересный скрипт, который добавляет на страницу кнопочку "Вверх" и заодно под эту кнопочку счётчик процента, на который прокручена страница

Для начала посмотрите ДЕМО

Моё тестирование в фидле КЛИК

Установка:

В самый низ css вставляйте:
Код
#back-top {  
position: fixed;  
width: 50px;  
height: 100px;  
z-index: 6;  
right: 25px;  
bottom:0;  
background-color: transparent;  
display: block;  
background-position: initial initial;  
background-repeat: initial initial;  
  }


Следующий код в самый низ страницы после < /body >:
Код
<div id="back-top">  
<center>  
<a title="Вверх" id="backop" href="#top">  
<img src="/img/go_up.png" />  
</a>  
<font color="#000000" size="3">
<span id="pix">0</span>%</font>  
</center>  
  </div>  

  <script>  
  $(window).scroll(function () {  
var s = $(window).scrollTop();  
var f = $(document).height() - $(window).height();  
var d = s / f * 100;  
var p = Math.round(d);  
$("#pix").text(p);  
  });  
  </script>


Картинку из прикреплённого архива залейте в папку img

Материал подготовлен Apocalypse
Категория: Другие скрипты | Добавил: Apocalypse | Теги: процента, вверх, ucoz, прокручена, на, кнопка, который, СТРАНИЦА, отображением, для
Просмотров: 430 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: