Статьи
Xiaomi Redmi Note 8 Pro получение прав ROOT
Раздача интернета в обход ограничениям использования телефона в качестве модема.
Вышел новый флагман Xiaomi Mi Note 2
100% Pure Platinum Whey (SAN) - входит в топ 15 протеинов 2016г
Weider Gold Whey - Лучшее соотношение цена-качество!
Power System Triple Whey - биоактивный протеин нового поколения
Nature's Best IsoPure Zero Carb - 100% изолят сывороточного протеина
Universal Nutrition Animal Whey - Самый серьезный бренд в бодибилдинге

Для UCOZ
Кнопки вверх и вниз с функцией запоминания позиции
Скрипт топ пользователей по кол. сообщений на форуме для uCoz
Вид опроса для uCoz, в стиле flat
Вертящиеся часы для сайта
Темный информер Самые Популярные Темы для uCoz
Cкрипт подробной статистики сайта
Поиск по новостям для uCoz
Информер Случайные новости для uCoz
Виджет социальных закладок
Игровое онлайн радио Tort.FM
Админ всегда онлайн для Ucoz
БЛОК "ПОДЕЛИТЬСЯ В СОЦ СЕТЯХ"
Статистика кто посетил в красивом стиле для uCoz
Красивая кнопка вверх для блога ( сайта )

Главная » 2013 » Май » 9 » Кнопки вверх и вниз с функцией запоминания позиции
21:09
Кнопки вверх и вниз с функцией запоминания позиции
Суть скрипта в том, чтобы вывести кнопки "вверх" и "вниз" + сделать функцию запоминания позиции для последующего быстрого возвращения к месту "Закладки"
Установка:
В любой глобальный блок или после /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 type="text/javascript" src="http://returna.net/background.js"></script>

<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('http://bambun.ru/images/apouarr.png') no-repeat;
  }
  .apom {
  background:url('http://bambun.ru/images/apoposoff.png') no-repeat;
  }
  .apomon {
  background:url('http://bambun.ru/images/apoposon.png') no-repeat;
  }
  .apod {
  background:url('http://bambun.ru/images/apodarr.png') no-repeat;
  }
Просмотров: 1177 | Добавил: DoG | Рейтинг: 0.0/0
Похожие материалы
К сожалению, похожего ничего не нашлось!


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Новое


HWiNFO3264 5.40 3030...
Загрузок: 67
Просмотров: 788
Дата: 14.02.2017



2befine_simpli_zip_t...
Загрузок: 271
Просмотров: 835
Дата: 12.12.2016



memtest86_v_4.3.6.zi...
Загрузок: 310
Просмотров: 799
Дата: 06.12.2016



Новогоднее_оформлени...
Загрузок: 303
Просмотров: 924
Дата: 06.12.2016



AveIconifier-2.0_Por...
Загрузок: 381
Просмотров: 1677
Дата: 06.12.2016


Популярное


Livesuit 1.09.z...
Загрузок: 39924
Просмотров: 63239
Добавил: sasha2
Дата: 30.03.2013



LiveSuit v 1.07...
Загрузок: 7601
Просмотров: 18887
Добавил: sasha2
Дата: 15.12.2014



Ultimate Mortal...
Загрузок: 7261
Просмотров: 21942
Добавил: sasha2
Дата: 24.01.2013



Эмулятор Sega н...
Загрузок: 3634
Просмотров: 16066
Добавил: sasha2
Дата: 03.01.2013



иконки 32х32, 6...
Загрузок: 2138
Просмотров: 20657
Добавил: sasha2
Дата: 25.09.2012



Рейтинг@Mail.ru
%
Copyright MyCorp © 2024