Наверняка, Вы часто встречали кнопку " Наверх ". Иногда это кнопка, иногда ссылка, это не важно. Например, это кнопка есть вконтакте. И в этом материале я расскажу, как сделать кнопку "наверх" .
Наверняка, Вы часто встречали кнопку "Наверх". Иногда это кнопка, иногда ссылка, это не важно. Например, это кнопка есть вконтакте. И в этом материале я расскажу, как сделать кнопку "наверх".
Кнопка "наверх" позволяет быстро перейти к самому верху страницы. Есть различные способы её реализации, однако, есть, на мой взгляд, самый простой и удобный способ - через использование уникальных идентификаторов.
Давайте сразу приведу код, и Вы всё поймёте:
<div id="top"></div>
<!-- Много контента -->
<a href="#top">Наверх</a>
Соответственно, при клике по ссылке "Наверх" мы попадём на элемент с id="top", то есть тот самый div. Если его расположить сразу после body, то это и будет самый верх страницы. Как видите, всё очень просто.
Есть ещё один способ, он ещё проще этого, однако, здесь требуется использование JavaScript. Вот код:
<a>Наверх</a>
Снова при клике мы попадём на самый верх страницы, но здесь уже не нужно добавлять пустые блоки с нужным id. То есть код получается короче, но недостаток - это использование JavaScript.
Классическим и более надёжным является именно первый способ, зато более короткий - второй способ. Какой именно способ использовать для создания кнопки "наверх", выбирать Вам.
