Создание “Кнопка Наверх” / “Кнопка Вверх” для сайта, чтобы посетители могли подниматься вверх страницы одним кликом. С помощью JQuery.

imageМногие наверняка задавались вопросом “Как сделать кнопку наверх” для своего сайта или блога, чтобы посетителям было удобно подняться наверх (вверх) страницы, за один клик, чем судорожно листать скроллингом мыши или двигая ползунок прокрутки. В этой статье мы научимся создавать кнопку наверх для сайта, и устанавливать ее на cms Joomla, WordPress и Ucoz.

Здравствуйте уважаемые читатели Ageta.ru, сегодня мы поговорим о том, как же сделать ваш сайт более удобным для посетителей. И будет сделана плавающая кнопка Вверх для сайта, для того, чтобы посетители не перематывали долго и муторно весь прочитанный текст, чтобы попасть наверх страницы одним нажатием. Однозначно это удобная и важная функция для сайта, И важно обращать внимание на повышение юзабилити сайта (юзабилити обозначают общую концепцию их удобства при использовании сайта, логичность и простоту в расположении элементов управления), потому как чем удобней посетителям, тем дольше они будут на нем находиться и больше вероятность, что зайдут к вам снова.

Есть различные способы создания кнопки “Вверх” / ”Наверх”, сегодня мы рассмотрим создание с помощью jQuery, другие способы оставим на потом. Что замечательного, что данный способ можно использовать практически на любом сайте, созданном на любой CMS.

 

Шаг 1 Вставка кнопки вверх / наверх страницы

Кнопка будет работать как ссылка наверх страницы, для этого в самый низ кода шаблона, перед закрывающим тегом </body> ставим следующий код:

 

<a href=»#» id=»toTop»><img src=http://ageta.ru/images/up1.png border=»0″ align=»absmiddle» /></a>
<script src=»http://ageta.ru/js/toTop.js» type=»text/javascript»></script>
<script type=»text/javascript»>
$(function() {
$(«#toTop»).scrollToTop();
});
</script>

 

Данный текст необходимо, чтобы был на каждой странице вашего сайта, он вызывает скрипт кнопки вверх и присваивает картинку. Если у вас динамический сайт (все CMS, такие как Joomla, WordPress, Drupal и другие CMS являются динамическими, то есть страница формируется в момент обращения к ней), то целесообразно разместить в шаблоне, если вы используете на сайте несколько шаблонов, то тогда во всех используемых шаблонах, а то в противном случае, в шаблонах которых вы не указали не будет этой кнопки.

 

Для кнопки вверх Joomla

Вставить в файл index.php, который находиться ваш_сайт/templates/ваша_тема между тегами <body></body>, я в основном вставляю прядо перед тегом </body>

Для кнопки вверх WordPress

В административной панели, справа в разделе “Внешний вид”->”Редактор”, в файле footer.php между тегами <body></body>, я в основном вставляю прядо перед тегом </body>
Кнопка вверх для UCOZ

В редактировании шаблона (Управление дизайном — Нижняя часть) в самый низ кода перед закрывающим тегом </body>

Для других CMS и статических сайтов

Если вы уже вставляли счетчики Яндекс Метрика, LiveInternet, то этот код необходимо вставить в тоже место, куда вы и вставляли код для счетчиков. В основном это файлы index.html, index.php шаблонов. Если у вас статический не на cms, то необходимо прописать в каждой странице.

 

Шаг 2 Задать стили для кнопки Вверх / Наверх страницы

 

Необходимо будет создать стили и расположение кнопки наверх. Для этого вам необходимо будет скопировать следующий текст:

 

#toTop {
position: fixed;
bottom: 20px;
right: 2px;
background: none;
cursor: pointer;}

 

Его необходимо скопировать в файл CSS стиля сайта, это файлы с расширением CSS.  Какие именно файлы для ряда CMS читайте ниже.

Эти данные можно менять, тем самым меняя оформление кнопки наверх, но об этом поговорим попозже.

 

Кнопка наверх для Joomla

Вставляем в ваш_сайт/templates/ваша_тема/CSS файлов там с расширением css может быть много, скорее всего это template.css или general.css.

Кнопка наверх для WordPress

Скопировать этот текст в самый низ файла wp-content/themes/ваша_тема/style.css или через административную панель, справа в разделе “Внешний вид”->”Редактор”, файл style.css.
Кнопка наверх для Ucoz

Вставить в низ в Управление дизайном сайта — Таблица стилей (CSS)

Для других CMS и статических сайтов

Там где задаются стили для вашей страницы, вставить этот код.

 

Шаг 3 Сохранить картинку и скрипт

 

Подобрать и сохранить на сайте картинку

Необходимо сохранить на вашем сайте в папке где хранятся у вас картинки и сменить мой адрес img src=http://ageta.ru/images/up1.png. Также можете залить на файлообменник картинку, только в этом случае, если картинка удалиться, то вы потеряете свою кнопку. А точнее ее изображение. Набор картинок для кнопки наверх я расположил ниже в этой странице.

 

Скачать скрипт

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

Вариант 1 Скачать для кнопки вверх скрипт

Вариант 2 Можете создать файл TXT, открыть блокнотом, внести в него следующий текст:

$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr(«href»);if($(window).scrollTop()!=»0″){$(this).fadeIn(«slow»)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==»0″){$(scrollDiv).fadeOut(«slow»)}else{$(scrollDiv).fadeIn(«slow»)}});$(this).click(function(){$(«html, body»).animate({scrollTop:0},»slow»)})}});

Сохранить и сменить имя и расширение на toTop.js.

 

Этот скрипт кнопки наверх прячет ее, когда вы находитесь вверху страницы и показывает, когда вы начинаете опускаться вниз. Также этот скрипт наверх, задает скорость прокрутки страницы. Его необходимо загрузить на свой сайт, в произвольную директорию. И сменить на шаге 1 мой адрес “http://ageta.ru/js/toTop.js” на свой для для кнопки наверх javascript.

 

Шаг 4 Подключить jQuery

 

На многих сайтах, этот скрипт не будет плавно переносить вверх, а просто будет добавлять “#” и перезагружать сайт, это потому, что jQuery не подключен. Его необходимо подключить. У некоторых, у кого на сайте работает уже что то, на jQuery, то наверняка он уже подключен и не стоит заново подключать.

Чтобы подключить jQuery к сайту, необходимо выполнить следующие действия:

  1. Открываете в текстовом редакторе (я использую Notepad+) для редактирования:
    • Для Joomla, тот же файл, который правили на шаге 1
    • Для WordPress, в редакторе шаблона файл header.php используемой темы
    • Для Ucoz, По умолчанию на каждом uCoz-сайте уже подключена jQuery-библиотека, подключается она следующим образом, заходите Дизайн-Редактор страниц-Страницы сайта и Главная страница (если она на отдельном шаблоне). И на этих страницах, в самом низу, перед закрывающим тегом </body> и нужно размещать код скрипта (отдельно спасибо за это Александу, который поправил меня, написав через форму обратной связи)
    • Для других CMS и статических сайтов, если сайт статический (не используется ни какая CMS — движок) — поочередно все страницы сайта, для динамических сайтов на других CMS — ту часть шаблона (темы) где расположена секция HEAD
  2. Находите секцию HEAD — все что находится между открывающим и закрывающим тегами: <HEAD>…</HEAD>.
  3. И добавляете в самый ее конец, перед закрывающим тегом </HEAD> следующий код:

Вариант 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

В данном случае он подключает jquery с google, если вы не хотите использовать со стороннего ресурса, то используйте второй способ.

Вариант 2

Вам необходимо скачать JQuery с сайта производителя, если браузер не скачивает этот файл, то после его открытия можете его сохранить как. Закачиваем файл скрипта на ваш сайт и прописываем к нему путь

<script src=»http://ageta.ru/templates/beez_20/js/jquery-1.7.2.min.js»></script>

Смените адрес к своему скрипту и обязательно, чтобы начинался с http://

 

Как сделать вместо картинки текст для кнопки Вверх / Наверх?

 

Для этого вам необходимо будет сделать следующее:

 

Строку:

<a href=»#» id=»toTop»><img src=http://ageta.ru/images/up1.png border=»0″ align=»absmiddle» /></a>

Замените на:

<a href=»#» id=»toTop»>Наверх</a>

И изменить CSS на:

#toTop {

width: 89px;

     height: 24px;

background: #D9DAEE;

     -moz-border-radius: 50px;

-webkit-border-radius: 50px;

border-radius: 50px;

position: fixed;

bottom: 30px;

right: 2px;

text-align: center;

text-decoration: none;

font-size: 12pt;

color: #1A2534;

cursor: pointer;}

 

Текст может быть различный, но я предложу несколько вариантов “Вверх”, “Наверх”, можете также добавить символы, показывающие вверх “^ ▲ ♂ ꜛ ↑ ᴧ ٨ Λ ˄”. С помощью CSS вы можете сделать различный дизайн кнопки, добавить тень, сделать округлой или наоборот прямоугольной, поиграть цветом текста и фона.

 

Важно! Если у вас выводятся иероглифы, вместо русских букв Наверх, то вам необходимо сохранить файл в кодировке UTF-8 без BOM, тогда у вас выведется корректно русский язык.

image

image

 

Набор картинок для кнопок Вверх, Наверх страницы

Стрелка наверх может выглядеть по-разному. Я решил Вам немного упростить работу и подобрал картинки, перевел их в формат PNG, вырезал фон, чтобы они прозрачны были по контору. Сделал размер максимум 80px, больше вам думаю не понадобиться.

Стрелка для сайта 1Стрелка для сайта 2Стрелка для сайта 3Стрелка для сайта 4Стрелка для сайта 5Стрелка для сайта 6Стрелка для сайта 7Стрелка для сайта 8Стрелка для сайта 9Стрелка для сайта 10Стрелка для сайта 11Стрелка для сайта 12Стрелка для сайта 13Стрелка для сайта 14Стрелка для сайта 15Стрелка для сайта 16Стрелка для сайта 17up5up1Стрелка для сайта 18

 

Можете спокойно ими пользоваться. Редактируйте: меняйте цвет, размер, добавляйте фон и текст. Для того, чтобы скачать их, наведите на понравившуюся картинку и нажмите правую кнопку мышки и выберете сохранить картинку. В стилях CSS помните, что лучше поставьте габариты картинки, чтобы область нажатия на кнопку соответствовали габаритам и картинка не съезжала. Выкладывайте в комментариях разные картинки на кнопку вверх / наверх, желательно в PNG.

 

Как можно изменить отображение кнопки на странице

 

Поизучаем немного CSS. Что для чего нужно, чтобы изменить отображение кнопки вверх страницы

 

CSS стиль для картинки

#toTop {
position: fixed; /* зафиксировать позицию кнопки на окне браузера, а не на странице сайта. Обязательна, чтобы кнопка не перемещалась со страницей, при прокрутке */
bottom: 20px; /* отступ от нижнего края на верх станицы */
right: 2px; /* отступ от правого края на лево */
background: none; /* задаем, что фона нет, в противном случае, если не зададим при наведении будет выделять картинку, при условии что картинка формата PNG/GIF с прозрачными областями. Если хотите сделать фон, то возьмите параметры из примера ниже */
cursor: pointer;}  /* при наведении на данную кнопку меняется курсор на “Рука-указатель”, свидетельствующая о том, что это кнопка */

 

CSS стиль для текста

#toTop {

          параметры кнопки

width: 89px; /* ширина кнопки, если вы используете картинку, то целесообразно сделать размеры по картинке или более, если хотите как то обыграть картинку фоном */

height: 24px; /* высота кнопки */

background: #D9DAEE; /* цвет заливки кнопки, если хотите вставить фоном картинку, то можете использовать “background-image: url(‘/images/sun.gif’);”, код цвета можете посмотреть через графические редакторы, к примеру Фотошоп, а какому коду соответствует цвет можете посмотреть на сайте http://rgbcolors.ru  */

          скругление углов кнопки

-moz-border-radius: 50px; /* скругление всех углов для браузеров FireFox. Это свойство идентично по назначению свойству border-radius, было введено в одностороннем порядке браузером Fire Fox и поддерживается только им. */

-webkit-border-radius: 50px; /* скругление всех углов для браузеров Safari и Chrome. Это нестандартное CSS свойство, аналогичное по назначению свойству border-radius */

border-radius: 50px; /* закругленность углов кнопки, согласно правилам CSS 3, но лучше указать все три способа скругления, чтобы корректно выводилось во всех браузерах. Значения во всех должны быть одинаковые */

позиция кнопки

position: fixed; /* порядок, в соответствии с которым элемент отображается на веб-странице, в данном случае зафиксирован на экране, а не на странице, поэтому он не прокручивается */

bottom: 30px; /* сдвигает нашу кнопку вверх страницы с нижнего края станицы, если поставите значение top, то будет наоборот, сверху вниз */

right: 2px; /* отступ влево от правого края страницы, можете сменить на left и будет отступ вправо с левой стороны страницы */

          параметры текста

text-align: center; /* Выравнивание текста или изображения по центру */

text-decoration: none; /* согласно моих правил CSS, он воспринимал текст как ссылку и подчеркивал, я убрал подчеркивание данной функцией */

font-size: 12pt;   /* задал размер текста “Наверх” */

color: #1A2534; /* цвет текста */

          другое

cursor: pointer;} /* при наведении на кнопку задает вид курсора, в нашем случае логично курсор “Рука-указатель”, свидетельствующий о том, что мы подвели курсор именно к кнопке. Думаю целесообразно оставить как есть */

          так же можно:

background:rgba(255,255,255, 0.2); /* делает прозрачным фон, но цвет необходимо задавать в RGB, можете цвет подобрать через http://www.colorschemer.com/online.html, 0,2 – означает прозрачность 0-полностью прозрачный, 1-не прозрачный */
opacity:0.6; /* если хотите сделать весь элемент прозрачным, то используйте этот оператор вместо предыдущего */

 

Мы рассмотрели не все параметры CSS, которые можно использовать, можно много еще что делать, выпуклость, разное скругление углов и т.д. Но это уже уроки по CSS и совсем другие статьи.

Я думаю, мы с вами ответили на вопрос стаявший в самом начале “как сделать кнопку вверх для сайта”. Надеюсь данная статья была для вас полезна. Если у вас возникли какие либо проблемы – пишите.

64 комментария
  1. Тоха:

    Спасибо за подробный пример, очень помогло.

  2. Валентин:

    Супер! Большое спасибо. Четко, конкретно, понятно. Сайт — в закладки и подписку.
    С уважением
    Валентин

  3. webman:

    Спасибо за исходник! Всё чётко.

  4. максим:

    Большое спасибо, добрый человек.

  5. Сергей:

    Спасибо огромное! Очень помогли! Очень доступно!

  6. Павел:

    Спасибо большое за пост. Попробовал, кнопка появилась под футером в центре, а не справа. Не подскажете, в чем может быть проблема?

    • ageta:

      Всем большое спасибо за теплые и приятные слова. Мотивирует писать статьи дальше. Спасибо.
      [b]Павел[/b], я правда давно делал эту кнопку и тоже сталкивался с этим, Вы проверьте подключили ли jquery

  7. Дмитрий:

    Огромное спасибо за скрипт, работает чудесно! Только хотелось бы знать, как можно его доработать, чтобы кнопка появлялось только после того, как была прокрутка вниз на N позиций, а не зразу после первой прокрутки. В java я не силен… Не подскажите?

    • ageta:

      [b]Дмитрий[/b], к сожалению не подскажу. Надо покопаться и поэкспериментировать и опытным путем понять какие параметры за что отвечают.

  8. Руслан:

    Доброго времени суток!
    Сделал кнопку в виде текста, но текст я расположил вертикально. Кнопка работает, но видно только начало слава «Наверх». В чем может быть причина?

    • ageta:

      [b]Руслан[/b], может шрифт уменьшить Вам, он просто не влазиет или поле для шрифта увеличить.

  9. Сергей:

    Все сделал, сайт на укозе — правильно работает только в IE, в хроме — по центру с верху,jquery подключен…

    • ageta:

      [b]Сергей[/b], в основном конечно это с jquery была. У вас jquery один раз или несколько раз подгружается? Можете ссылку на сайт через обратную связь скинуть.

  10. RasomaXa:

    Здравствуйте!
    Великолепная статья, все доходчиво и подробно. Но… на одном сайте у меня все прекрасно (www.rasomaxa.ru), а на другом ну не хочет работать и все тут, вернее работает, как якорь (www.pc34.ru. Сайты на одном хостинге, все сама настраивала делала, не могу понять в чем причина… Не подскажите?

    • ageta:

      [b]RasomaXa[/b], как я понял вопрос решился. В чем проблема была? С jquery?

      • RasomaXa:

        Я сама не поняла, сначала работала (кнопка), как якорь, а потом сама собой заработала, как положено, jquery изначально был подключен

  11. bboyvj:

    Тема Класс! Но как можно подключить слили css через отдельный файл? Потому что при вставке кода стилей в общий код сайта — дизайн рушится. Как можно сделать так, чтобы в самом коде было посыланые на сss документ в файловом менеджере?
    Буду благодарен за ответ!

  12. Макс:

    Спасибо все четко работает. Сначала устанавливал плагин Scroll to top, но он мне не понравился как работает. А с твоим постом быстро разобрался.

  13. александр:

    привет делал по вашей методике но когда вверху находишься не пропадает кнопка и скорость быстрая вобщем вот _alecs-work-club.ru/ если сможете подскажите как исправить — заранее спасибо …

  14. Светлана:

    СПАСИБО!!!
    Получилось!
    Еще бы узнать как сделать плавающую кнопку, которая появлялась бы примерно на третей части страницы и плавно скользила вместе с прочитанным текстом вниз.

  15. Pronyr:

    Спасибо большое! С винды работает на ура!
    С айпада пока jQuery не подключен был — показывалась кнопочка только в самом низу окна (не страницы) и ! слева. После подключения jQuery на айпаде данный функционал совсем не работает 🙁 Зато работает на компе. Если кто знает чем помочь, буду весьма благодарен. Спасибо!

  16. Владислав:

    Подскажите, после подключения кнопки квери перестает работать модуль слайд шоу сайт http://trance-sound.ru

  17. Олег Митрофанов:

    Очень толково и понятно.
    Помогло разобраться.
    Пойду прикручивать к своему блогу

  18. Владимир:

    Цитата из текста:
    «Их необходимо скопировать туда, где у вас располагаются CSS стили, в основном это файлы с расширением CSS»
    А почему в основном? Могут быть файлы стилей с другим расширением? Поделитесь, плиз. Второй момент — зачем вы описываете на полстраницы значения параметров стилей, типа position: fixed; /* зафиксировать позицию кнопки….? Те, кто работает со стилями итак знают, что они обозначают. Тем же, кто этого не знает, ваши описания вряд ли помогут.

    • ageta:

      [b]Владимир[/b], да согласен, «в основном» можно было не писать. Спасибо, исправлю.
      [quote]Тем же, кто этого не знает, ваши описания вряд ли помогут.[/quote]
      В этом моменте с Вами не соглашусь. Те кто не знают или слабо знакомы со стилями будет полезно. Им искать и разбираться со стилями не надо, все приведено в одном месте, только подставляй и экспериментируй.
      А те кто со стилями хорошо знаком, пропустят эту часть статьи.

    • ageta:

      [quote]А почему в основном? Могут быть файлы стилей с другим расширением?[/quote]
      [quote]да согласен, «в основном» можно было не писать. Спасибо, исправлю.[/quote]
      Хотя, в UCOZ стили вставляются не через редактирование файла CSS, а через меню.

  19. gwop:

    спасибо за урок!

    пробовал аналогичный скрипт от «Matt Varone» ваш понравился больше.
    очень лаконичный код.

    всё чётко!

  20. Алексей:

    Добрый день!

    Сделал на своём сайте такую кнопку — всё ок. Единственная проблема: когда подключаю jquery, перестаёт работать выпадающее меню в шапке. Когда отключаю библиотеку, меню работает, но тогда кнопка «вверх» висит всё время, а не появляется после прокрутки.

    Не подскажете, как исправить?

  21. софия:

    Здравствуйте! Подскажите пожалуйста а как сделать что бы кнопка наверх всплывала немного ниже у меня почти сразу появляется как начинаешь вниз прокручивать?

  22. Рубен:

    Большое спасибо за подробное объяснение по теме!

  23. Данияр:

    Спасибо!!! Очень помогло! Вот ссылка на мой блог _comp-masterastana.blogspot.com. Но у меня к вам есть вопрос, как сделать так чтобы мой блог можно было найти в интернете с помощью ключевых слов? А то его можно найти только если вписать полный адрес, вы не знаете как мне помочь?

    • ageta:

      [b]Данияр[/b], пожалуйста, рад что Вам помогло.
      [quote]как сделать так чтобы мой блог можно было найти в интернете с помощью ключевых слов?[/quote]
      Вам в комментариях не ответишь. Пишите статьи, занимайтесь оптимизацией и продвижением сайта. Можете на этом сайте почитать статьи.
      [quote]только если вписать полный адрес[/quote]
      Он у Вас только проиндексировался.

  24. Дима:

    Большое спасибо за скрипт и пояснение! Только проблема — на пиксель сдвинешь страницу вниз и сразу появляется кнопка. А как можно сделать, чтобы кнопка появлялась, к примеру, только если сдвиг страницы вниз более 100рх?

  25. janu:

    Большое спасибо! Оочень помог ваша статья.

  26. Иван:

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

  27. Юрий:

    Все сделал как написано, есть кнопка, но почему она все время стоит внизу, и всегда ее видно, в сss вроде бы прописал все, в чем может быть проблема?

    • ageta:

      Скорее всего у Вас не загружен/работает скрипт.

    • Ашотик:

      Юрий, поменяйте местами скрипт и ссылку, чтобы скрипт загружался раньше.

      Вот так чтоб было

      $(function() {
      $(«#toTop»).scrollToTop();
      });

      ▲ Наверх

  28. lobz:

    Кнопка прекрасно работает в FF, IE, Safari, Opera, на ipad`е но вообще не отображается в Chrome(((
    это только у меня так или кто-то еще сталкивался?

  29. Irina:

    Спасибо большое! Всё работает отлично.

  30. Андрей:

    Огромное спасибо за урок! вопрос возник. Страница очень быстро прокручивается наверх. где можно отрегулировать скорость подъёма страницы?

  31. Александра:

    Спасибо!!!) Супер и плагин не нужен) Автору БОЛЬШАЯ благодарность)

  32. Светлана:

    Все делала пошагово, но ничего не оказалось в итоге. Дошла до пункта «Как сделать вместо картинки текст для кнопки Вверх / Наверх?».
    WordPress

  33. Олег:

    Все супер получилось, только почему-то она у меня слева, а не справа отображается . и это не помогает….[ right: 2px; /* отступ влево от правого края страницы, можете сменить на left и будет отступ вправо с левой стороны страницы */ ]

  34. Lost:

    Замечательная статья!
    Все получилось.
    Огромное СПАСИБО!

  35. Ильдар:

    Автору огромный респект.
    Все понятно до последней точки.
    Отлично излагаешь…
    Заработало с первого раза!
    ОТЛИЧНО

  36. hrapimbul:

    Огромное спасибо!
    Снимаю шляпу — всё просто, доступно и никаких проблем!

  37. Дмитрий:

    Установил на wordpress. Все работает. То что надо. Без дополнительных плагинов.
    Большое спасибо автору.

  38. CTR:

    Вау… Ваша работа, великолепна.

  39. Сергей:

    Спасибо. Отличная вещь.
    У меня возникает одна проблема: после подключения JQuery разваливается меню блога.
    Между хедами у меня такое:
    [quote]

  40. Сергей:

    Спасибо. Отличная вещь.
    У меня возникает одна проблема: после подключения JQuery разваливается меню блога.
    Подключаю JQuery перед закрывающим хедом.
    Между хедами у меня текст указанный на скрине.[img]https://yadi.sk/i/0qM3PIL1aNqLd[/img]
    Подскажите пожалуйста. Можно ли что-то исправить, чтобы заработало.
    Спасибо

  41. Илья:

    Спасибо за подробный разбор ))

  42. Тори:

    Спасибо большое за такую замечательную статью! Я долго мудрила с этой функцией, но благодаря именно Вашему материалу разобралась. Один момент: значок появляется на экране сразу, а не после прокрутки. Возможно я где-то допустила ошибку. Подскажите, пожалуйста, как быть?

  43. Тори:

    Разобралась!
    Небольшая поправка: для создания скрипта toTop.js в Варианте №2 нужно [u]не создавать[/u] текстовый файл, а просто [u]открыть [/u]в блокноте новый файл, скопировать скрипт и сохранить с расширением *.js. Дело в том, что в новом созданном текстовом файле поменять расширение не получится.
    А так всё просто замечательно! Молодцы! 🙂

  44. Алексей:

    Здравствуйте! Все сделал пошагово, но результат нулевой. Даже кнопка не видна. Не могу понять где ошибаюсь. Блог на WP.

  45. Egor:

    Как сделать, чтобы кнопка работала на мобильных устройствах? На смарте (андроид 4.2.2) не видна кнопка.
    А как было бы здорово если бы работала. Можно поправить?

  46. Терпугова Елелна:

    Огромное спасибо за статью! Сейчас редко можно встретить такой понятный и доступный текст.

  47. Александр:

    Спасибо чувак!!

  48. Дима:

    Спасибо! все работает..

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>