Главная » Файлы » Прочие скрипты » jQuery

Кнопки вверх и вниз + функция запоминания позиции by Apocalypse для uCoz
24.06.14, 16:29:16

Скачать файл






Временное демо ЗДЕСЬ

Данный скрипт, хоть и с большим запазданием, но написан по просьбе пользователя fomir. ЗДЕСЬ находится тема обсуждения вопроса

Суть скрипта в том, чтобы вывести кнопки "вверх" и "вниз" + сделать функцию запоминания позиции для последующего быстрого возвращения к месту "Закладки"

Установка:

В любой глобальный блок или после /head на нужных страницах вставляйте:
Код
<div class="apoud">  
<div onclick="$('body').scrollTo(0, 300);" class="apou"></div>  
<div class="apom" title="Запоминалка позиции"></div>  
<div onclick="$('body').scrollTo($('body').height()+500, 300);" class="apod"></div>  
  </div>  

  <script>  
var apotop;  
$('.apom').toggle(function() {  
$(this).addClass('apomon');  
apotop = $('body').scrollTop();  
}, function() {  
$('body').scrollTo(apotop, 300);  
$(this).removeClass('apomon');  
});  
  // ApoTeam (c) 2013  
  </script>


В самый низ вашего css:
Код
.apoud {  
position:fixed;  
z-index:100;  
bottom:15px;  
right:15px;  
}  

.apou, .apom, .apod {  
cursor:pointer;  
width:32px;  
height:32px;  
}  

.apou {  
background:url('/images/apouarr.png') no-repeat;  
}  
.apom {  
background:url('/images/apoposoff.png') no-repeat;  
}  
.apomon {  
background:url('/images/apoposon.png') no-repeat;  
}  
.apod {  
background:url('/images/apodarr.png') no-repeat;  
}


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

Материал разработан и подготовлен Apocalypse

ApoTeam © 2013
Категория: jQuery | Добавил: Apocalypse | Теги: запоминания, функция, Apocalypse, вверх, ucoz, by, вниз, позиции, для, Кнопки
Просмотров: 432 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email: