Name: Кнопка "Наверх" с плавной прокруткой
Item: Кнопка "Наверх" с плавной прокруткой
Author: valentin

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

Расскажу вам как сделать кнопочку "наверх" на вашем сайте или блоге. которая будет появляться или исчезать в зависимости от положения страницы на экране браузера.
Как только вы пролистываете страницу вниз права появится небольшая кнопочка с надписью Наверх, при нажатии на которую вы сразу плавно перенесетесь в самый верх страницы. Очень удобно для длинных страниц.

1. загрузите на свой сайт в папку images вот эту картинку.
2. загрузите на свой сайт в корневую папку файл со скриптом.
3. в CSS стили вставьте:

#toTop { width: 100px; background: #ffffff; border: 1px solid #ffffff; text-align: center; padding: 5px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; color: #666666; text-decoration: none;}

4. на страницу сайта или в код шаблона вставьте следующее:

<noindex><a href="#" id="toTop"><img src="http://ваш_сайт.ru/images/naverh.gif" border="0" align="absmiddle" /></a> <script src="http://ваш_сайт.ru/naverh.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#toTop").scrollToTop(); }); </script></noindex>

не забудьте заменить http://ваш_сайт.ru/ на нормальный адрес вашего сайта!
Посмотреть как это работает вы можете прямо на этой странице внизу справа, немного прокрутив ее вниз :) просто, не правда ли?

Категория: JAVA-Скрипты | Добавил: Белая_Кошка (24.04.2012)

Просмотров: 6919 | Комментарии: 6 | Теги: кнопка вверх, как сделать кнопку вверх, кнопка наверх | Рейтинг: 5.0/1

Всего комментариев: 6

Порядок вывода комментариев:

4 valentin (16.11.2014 02:05)

Спам

На моём сайте это почему то не работает ??? Всё сделал по инструкции.
http://pasechnikhome.ru

5 Белая_Кошка (16.11.2014 11:49)

Спам

на моем сайте это работает сейчас?

2 forumroditeley.ru (01.01.2013 15:51)

Спам

у меня то же самое. в чем причина?

3 Белая_Кошка (01.01.2013 18:06)

Спам

даже не знаю. сегодня только работать перестало.
после праздников проверять буду

1 ruvoyaa (25.07.2012 17:13)

Спам

Хороший скрипт, спасибо
подскажите, в чем может быть дело, скрипт подключил, но он работает не так как нужно.
Кнопка наверх горит постоянно (т.е. горит даже на первой строчке) и нет плавной прокрутки (переход наверх происходит резко)

6 Администратор (04.07.2016 22:50)

Потому что вы не заменили ДВА адрес - один ссылается на картинку, второй на скрипт. если нет корректной ссылки на скрипт - то кнопка горит постоянно

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]