Скроллинг jquery

RM
На сайте с 21.06.2011
Offline
77
670

Сделал на сайте кнопку "наверх", но проблема такая: нужно сделать чтобы она появлялась при скроллинге, и исчезала если скроллинг вверх не требуется(если страница меньше окна браузера или браузер на самой верхней части страницы). Как такое сделать?

$(document).ready(function(){
$("#up").click(function(){
$("body,html").animate({"scrollTop":0}, 'slow');
$(this).stop(true);
});
$("#up").mouseenter(function() {
$(this).stop(true);
$(this).fadeTo('fast', 1);
}).mouseleave(function() {
$(this).stop(true);
$(this).fadeTo('fast', 0.15);
});
});
C
На сайте с 28.01.2010
Offline
70
#1

Эээ, ну первое что пришло в голову - сравнивать высоту окна (window.innerHeight) и высоту body (document.body.clientHeight)

Это - личная подпись. Здесь обычно ставят ссылки на всякие кривые сайты, надеясь получить "жирный бек".
RM
На сайте с 21.06.2011
Offline
77
#2
Counselor:
Эээ, ну первое что пришло в голову - сравнивать высоту окна (window.innerHeight) и высоту body (document.body.clientHeight)

Ну.. вконтакте, как-то это работает... и на ebay я как-то раз видел такую фичу, значит по идее есть реализация...

I
На сайте с 07.02.2009
Offline
20
#3

Вот наглядно расписано и готовые плагины, бери и пользуй.

http://shpargalkablog.ru/2011/05/kak-sdelat-ssylku-k-nachalu-stranitsy.html

http://wp-kama.ru/id_372/strelka-naverh-s-plavnyim-vertikalnyim-prokruchivaniem.html

RM
На сайте с 21.06.2011
Offline
77
#4
ilhan:
Вот наглядно расписано и готовые плагины, бери и пользуй.
http://shpargalkablog.ru/2011/05/kak-sdelat-ssylku-k-nachalu-stranitsy.html
http://wp-kama.ru/id_372/strelka-naverh-s-plavnyim-vertikalnyim-prokruchivaniem.html

Спасибо! Нашел то, что нужно!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий