Наш опрос
Какая операционной системой вы пользуетесь?
Всего ответов: 62
Случайный анекдот
7 Стали волки часто на стадо овец нападать. Пошёл мужик на базар покупать подходящую собаку. Все с овчарками стоят, а один мужичек мелкую шавку расхваливает. - Да ну, её ж любой волк пополам перекусит! - Ты что, мужик, это ж собака-Боробака! Гроза всех волков, бери, не пожалеешь. Купил её мужик, поставил стадо охранять. И вот ночью бежит стая волков. Все большие серьезные такие волки. Смотрят, на лугу стадо коров пасется. Обрадовались волки, со всех ног бросились они к коровам. - Вон та моя!!! - кричит один волк. - А вон та моя!!! И тут смотрят большие серьезные такие волки маленькая собачонка стадо охраняет: - Тяф, тяф! Испугались волки и бросились наутёк. Подбегает самый молодой и горячий волк к вожаку и говорит: - Да ты что, вождь?? Что мы такой маленькой собачонки испугались?? Да максимум на что она способна так это поцеловать меня в задницу!!! - Оо-о-о-о... А ты знаешь, какие у нее холодные губы?
Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3496
Новых за месяц: 1
Новых за неделю: 1
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 177
Авторизованных: 3315

   Кнопка Вверх / Вниз с плавным скролингом



В интернете полно кнопок вверх, но не много кнопок вверх и вниз с плавным скролингом. Заметьте, что кнопка вверх плавно появляется при прокрутке вниз, а кнопка вниз исчезает при прокрутке вниз и наоборот.

Установка:
В нижнюю часть сайта устанавливаем код.
Код
<script type="text/javascript">
jQuery(function(){
  $("#Go_Top").hide().removeAttr("href");
  if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
  $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
  });

  $("#Go_Bottom").hide().removeAttr("href");
  if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
  $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
  });

  $("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
  })
  $("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
  })
});
</script>

<a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Top'>
  <img src="http://in.ucoz.org/images/icon_up.png" title="Вверх">
</a>
<a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;'
href='#' id='Go_Bottom'>
  <img src="http://in.ucoz.org/images/icon-down.png" title="Вниз">
</a>


Html редактор
Автор: Prosvetekvator
Просмотров: 17896
07.04.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Кнопка Вверх / Вниз с плавным скролингом След. »


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022