Приділяти увагу оформленню кнопки особливо не будемо. Ви можете зробити кнопку у вигляді спрямованої нагору стрілки, можете намалювати ракету і т.д. Як реалізувати суму функцію?
Можна, звичайно, зробити якір до верхньої частини, але це буде не дуже добре. По-перше, якір штампує сторінки, і коли користувач в браузері натискає кнопку для повернення, він потрапляє на цю ж сторінку. Щоб зробити кнопку Вгору для uCoz, нам не потрібні додаткові плагіни, тут досить використовувати маленький код на jQuery.
Скрипт забезпечує плавний скролінг до початку сторінки. Можна зробити так, щоб перехід до початку тривав пару секунд, а можна, щоб він був миттєвим, але анімація все-таки проглядалася. Краще встановити сто мілісекунд.
Ось такий значок буде з'являтися в правому нижньому кутку сайту при прокручуванні:
Особливо попитом користується вид кнопки наверх ВКонтакте, такий у нас вже був. Тут же простіший варіант, в якому досить замінити маленьку картинку, щоб надати унікальності
Цей код вставте в нижню частину сайту:
200? '200px': '' + (this.scrollHeight + 5) + 'px'); ">
У Таблицю стилів (CSS):
Якщо велика частина сторінок на вашому сайті вписується у вікно браузера, то в кнопці Вгору немає ніякого сенсу. Визначте цей момент, чи потрібна вам ця кнопка.
Створити сайт в uKit Потрібен класний сайт для бізнесу?
Скористайтеся сервісом uKit. Ніякого коду!