alexmurphy 45 Опубликовано: 17 сентября 2011 Рассказать Опубликовано: 17 сентября 2011 анимированная прокрутка вверх $(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 Как сделать чтобы кнопка исчезала когда страница полностью прокручена вниз? Цитата Ссылка на сообщение Поделиться на других сайтах
- Den - 32 Опубликовано: 17 сентября 2011 Рассказать Опубликовано: 17 сентября 2011 А зачем вам тогда кнопка, если она исчезать должна? Цитата Ссылка на сообщение Поделиться на других сайтах
alexmurphy 45 Опубликовано: 17 сентября 2011 Рассказать Опубликовано: 17 сентября 2011 Автор дизайнерская задумка Цитата Ссылка на сообщение Поделиться на других сайтах
Captain 623 Опубликовано: 20 сентября 2011 Рассказать Опубликовано: 20 сентября 2011 дизайнерская задумка Off. В чём задумке такой смысл? Для меня, непонятный и не логичный. Цитата Ссылка на сообщение Поделиться на других сайтах
alexmurphy 45 Опубликовано: 20 сентября 2011 Рассказать Опубликовано: 20 сентября 2011 (изменено) Автор В футере есть еще одна кнопка "наверх" которая по дизайну сочетается именно с футером 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(); } }); Изменено 20 сентября 2011 пользователем alexmurphy Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.