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

Вопрос, jquery scrollTop.


alexmurphy

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

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

$(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();

				}

		});

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

Архивировано

Эта тема находится в архиве и закрыта для публикации сообщений.

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