Не нравятся результаты поиска? Попробуйте другой поиск!

Кнопка -Вернуться наверх-


     10.07.2011    Общие вопросы по вёрстке    3472

вопрос
Интересует способ реализации кнопки "Вернуться наверх", которая появляется при прокрутке страницы.

Ответил: ПафНутиЙ


Эта кнопка ничто иное как ссылка с атрибутом href="#", а её появление организовано на основе того же скрипта соцзакладок (тот что с правой стороны сайта), только соц закладки видны всегда, а кнопка появляется при прокрутке страницы до заданного места.

Комментарии пользователей (6)

pnul
17 | 17

pnul - 22 августа 2011 23:01 - Юзер

Самое интересное и есть появление при прокрутке. Как именно этот момент реализовать?

ПафНутиЙ
1064

3393 | 2433

ПафНутиЙ - 22 августа 2011 23:03 - Админ

Открываем любой отладчик (в firefox это firebug, в Opera - dragonfly) и смотрим id кнопки. Далее открываем js-файлы сайта и ищем там этот класс, смотрим как сделано, копируем, вставляем к себе.

Каков вопрос - таков и ответ. Просто помните об этом.

pnul
17 | 17

pnul - 22 августа 2011 23:43 - Юзер

Вроде все подсмотрел :), все отображается, но кнопка не исчезает. Может это быть из-за того, что у меня путь не ***/js/scripts.js, а ***/css/js/scripts.js?

Или это только из-за кривых рук?

ПафНутиЙ
1064

3393 | 2433

ПафНутиЙ - 22 августа 2011 23:46 - Админ

это из-за рук :)
css стили скопировать забыли?

Каков вопрос - таков и ответ. Просто помните об этом.

pnul
17 | 17

pnul - 23 августа 2011 00:03 - Юзер

Скопировал стили нормально. И wrapper, и gotop вставил. Что-то с js у меня. При наведении hover тоже не реагирует.

Sander
1125

1637 | 1202

Sander - 23 августа 2011 00:09 - Эксперт

Всей комбанации не помню, надо писать и проверять, но могу подтолкнуть к варианту решения на jQuery.
$(window).scroll(...)
scrollTop
onclick="scroll(0,0);return false;"

В общем надо копать в эту сторону...

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы