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


Запомнить.
Авто. вход.
Забыли пароль?
Регистрация

ПОДПИСКА Подписавшись по 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.НЕ у всех он бывает включен, но этих пользователей в интернете мало, но и на них нужно ориентироваться.

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



Просмотров страницы: 3475
Урок добавлен: 15 Августа 2012

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

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

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

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

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

Ещё статьи по html:
• Начало работы с HTML
• Установка Favicon на сайт
• Создание форм в HTML
• Проверка статуса ICQ в HTML


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

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




Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
Как сделать кнопку "Наверх"
Ты никогда не решишь проблему, если будешь думать так же, как те, кто ее создал.

Альберт Эйнштейн

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