Перейти к публикации

Вопрос, jquery scrollTop.


Рекомендованные сообщения

анимированная прокрутка вверх

$(document).ready(function(){


	// hide #back-top first

	$("#back-top").hide();


	// fade in #back-top

	$(function () {

		$(window).scroll(function () {

			if ($(this).scrollTop() > 100) {

				$('#back-top').fadeIn();

			} else {

				$('#back-top').fadeOut();

			}

		});


		// scroll body to 0px on click

		$('#back-top a').click(function () {

			$('body,html').animate({

				scrollTop: 0

			}, 800);

			return false;

		});

	});


});

здесь демо

http://pcvector.net/..._top/index.html

Как сделать чтобы кнопка исчезала когда страница полностью прокручена вниз? :rolleyes:

Ссылка на сообщение
Поделиться на других сайтах

В футере есть еще одна кнопка "наверх" которая по дизайну сочетается именно с футером :)

ps по теме, уже сам сделал таким образом:


   	 $(window).scroll(function () {


			if ($('#back-top').offset().top > ($(window).height() + 100) && $('#back-top').offset().top < ($(document).height() - 100)) {

				$('#back-top a').fadeIn();

			} else  {

				$('#back-top a').fadeOut();

				}

		});

Изменено пользователем alexmurphy
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...