ЭНЦИКЛОПЕДИЯ СОВРЕМЕННОГО САЙТОСТРОЕНИЯ

Как сделать кнопку «Наверх»?

Тема в разделе "Другие вопросы по созданию сайта", создана пользователем Пальмира, 11 окт 2017.

  1. Пальмира

    Пальмира Новичок

    Сообщения:
    2
    Рейтинг:
    1
    Репутация:
    +0 / 0 / -0
    Кнопка «Наверх» является неотъемлемым атрибутом качественного сайта. Её можно сделать в разных вариациях, но желательно в виде собственно кнопки. Кнопка «Наверх» привязывается к определённому месту на экране, например правый верхний угол.

    Напишем код:

    Код:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]
    При нажатии на ссылку нас перенесёт на элемент, в котором наличествует id="top", а именно div на представленном куске коде. Если он расположен непосредственно после body, то это и получиться верх нашей страницы.

    Существует более удобный и короткий в написании способ, но с использованием JavaScript:

    Код:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]
    Как и в первом случае, при нажатии переходим к верху страницы. Плюсом является то, что отсутствует необходимость создавать пустые div с нужным id, соответственно написанный код выходит короче. Минусом является необходимость JavaScript, который расшифровывают не все браузеры.
     
  2. Kucheryaviy_e

    Kucheryaviy_e Веб-мастер

    Сообщения:
    100
    Рейтинг:
    41
    Род занятий:
    Копирайтер, web-программист
    Откуда:
    Россия
    Репутация:
    +7 / 0 / -0
    Можно ещё анимацию прикрутить на jQuery.
    Код:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]
    HTML:
    [ ** Только зарегистрированные пользователи могут смотреть Код ** ]