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

Здравствуйте Гость!

ПОДПИСКА Подписавшись по E-mail, Вы будете получать уведомления о новых статьях к себе на почту.

Подписатся на почтовую рассылку на сайте astranar.ru

Подписаться

ДОБАВЛЯЙТЕСЬ В ДРУЗЬЯ Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте на стене моего аккаунта. Мой аккаунт Вконтакте

Мой аккаунт

Главная - HTML - Как сделать кнопку "Наверх"

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

Как сделать кнопку "наверх" как в различных социальных сетях. Кнопка "наверх" позволяет быстро перейти к самому верху страницы.<br>
Сейчас я вам расскажу как это можно сделать.Рассмотрим первый способ:

<div id="top"></div>// Блок в самом верху.

<!-- Ваш Контент -->

<a href="#top">Наверх</a>//Эту ссылку можно вставить в любом месте на вашем сайте

Если мы нажимаем на кнопку "Наверх" то мы переходим к div'у с id="top", ну и соответственно этот блок div мы и располагаем сразу же после тега <body>.

Есть еще один способ который почему-то мне нравится больше чем первый, может потому что мне нравится все новое и красивое. Но у него есть недостаток, который в принципе, я давно не встречал. Этот недостаток в том, что при этом мы используем JavaScript. Ну вот собственно и код:

<a href="javascript:scroll(0,0);">Наверх</a>

Код конечно намного короче, но недостаток это - JavaScript.НЕ у всех он бывает включен, но этих пользователей в интернете мало, но и на них нужно ориентироваться.

Думаю теперь вы сможете создать кнопку наверх без проблем и сами ощутите как это просто=)
Удачи=)

Просмотров страницы: 3300

Урок добавлен: 15 Августа 2012

<<<Предыдущая статьяСледущая статья >>>

Копирование материалов разрешается только с указанием автора (Пальгов Олег) и индексируемой прямой ссылкой на сайт (https://astranar.ru/)!

Добавляйтесь ко мне в друзья ВКонтакте: https://vk.com/palgov_oleg. Если Вы хотите оценить меня и мою работу, то напишите на стене моего аккаунта ВКонтакте.

Если Вы не хотите пропустить новые материалы на сайте, то Вы можете подписаться на обновления:
Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Ещё статьи по html:
• Стандартная табличная верстка
• Коды html цветов
• Трехколоночная верстка
• Проверка статуса ICQ в HTML

Комментарии (1)

Комментировать

Владислав Малиничев	25 Августа 2012 в 17:52
	Было бы хорошо если бы ты написал скрипт или статью - как сделать кнопку наверх, которая появляется при прокрутки страницы вниз...а потом исчезает Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

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

Деньги должны оборачиваться. Чем быстрее тратишь, тем больше получаешь.

Петр Капица

Вступайте в группу!