Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Кнопка -Вернуться наверх-

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


     10.07.2011    кнопка, перейти наверх, верстка    Все вопросы » Общие вопросы по вёрстке    5300

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

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


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

6 комментариев

pnul
Юзер

pnul - 22 августа 2011 23:01 -

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

ПафНутиЙ
Админ

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

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

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

pnul
Юзер

pnul - 22 августа 2011 23:43 -

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

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

ПафНутиЙ
Админ

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

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

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

pnul
Юзер

pnul - 23 августа 2011 00:03 -

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

Sander
PHP-developer

Sander - 23 августа 2011 00:09 -

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

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

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

Telegram: @sandev
Skype: Sander8804

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

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

наверх