Как сделать кнопку «наверх» на WordPress блоге

Привет, Друзья! По просьбам читателей сегодня я расскажу как сделать кнопку “наверх” на WordPress блоге. Я думаю, нет необходимости объяснять для чего нужда такая кнопка? Все итак понимают, что при нажатии на кнопку “наверх”, функция, заложенная в данной кнопке, переносит читателя к началу страницы. Это особенно полезно когда пост объемный и много комментариев к статье, и для того, чтобы вернуться к началу статьи, приходится довольно продолжительно скролить колесико мышки (а большинством из нас правит лень), поэтому кнопка “наверх” сохраняет наше “душевное равновесие” Широкая улыбка и моментально возвращает к началу статьи.

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

Сделать кнопку “наверх” можно как при помощи плагина, так и по средствам небольшого скрипта. В этом уроке я расскажу про оба способа.

Т.к. новички не очень любят лезть в файлы сайта и что-то в них менять/добавлять, то тогда подойдет небольшой и легкий плагин Scroll to Top.

Для более опытных пользователей WordPress, функцию возвращения “наверх” осуществим с помощью скрипта. Хотя скрипт и для новичка поставить не составит труда.

Лично я очень далек от различных jquery и других библиотек, но это не мешает мне просто взять готовый код и вставить в нужный файл блога. (Просто нужно знать в какой файл вставить, поэтому прочтите статью о структуре шаблона WordPress). Почему многие предпочитают скриптами пользоваться? Да все просто — чем больше плагинов активировано на блоге, тем дольше блог загружается, нагрузка на хостинг больше ну и все вытекающие из этого…

Как сделать кнопку “наверх” с помощью плагина Scroll to Top

Итак, скачиваем плагин Scroll to Top – скачать

Дальше устанавливаем и активируем плагин на своем WP блоге. (Как установить плагины на WordPress)

После того, как активировали плагин Scroll to Top, при обновлении страницы на блоге, начните спускаться по странице вниз), и чуть ниже от верха, слева внизу появится кнопка “наверх”

кнопка "наверх"

В принципе можно ничего не менять, все работает и так нормально, но для тех, кто хочет изменить скорость пролистывания страницы наверх (при нажатии на кнопку), или хочет, чтобы кнопка появлялась ниже или выше (кнопка по умолчанию появляется после 350 строки(строки, наверное, считаются по исходному коду)), то зайдите в настройки плагина: “АдминкаПараметры — Scroll to Top

настройки плагина Scroll to Top

В настройках плагина Scroll to Top все на русском языке и все понятно: о ссылках на изображение поговорим ниже, со скоростью и после какой строки будет появляться кнопка “наверх” можете поэкспериментировать сами и настроить как вашей душе угодно!

Если Вам не нравится стандартная кнопка “наверх” (стрелочка в синем кругляшке), то можете скачать архив с кнопками и заменить на наиболее Вам понравившуюся кнопку. В архиве вот такие кнопки:

плагин Scroll to Top

Скачать кнопки для плагина Scroll to Top

[yandexd]

После того, как скачали архив с кнопками, его нужно разархивировать и полученную папку “icons” с помощью FileZilla или Total Commander по FTP закачать на сервер в корневую папку блога /public_html/ , или в любую другую с изображениями.

Хотя можно выбрать нужную кнопку на компьютере, а затем закачать только одну картинку в папку /public_html/images

Я Вам советую в корне блога (/public_html/) создать папку “images” и закачивать в нее изображения для таких вот случаев. Вам еще не раз придется закачивать картинки от различных плагинов, скриптов — и чтобы быстренько закачать и прописать путь до нужного изображения, папка “images” в корне блога – это самый оптимальный вариант. Вот такой путь будет в итоге: /public_html/images.(иногда вместо /public_html/ нужно вписать адрес своего сайта!)

Затем идем в настройки плагина Scroll to Top: “Админка – Параметры — Scroll to Top” и прописываем полный путь до картинки:

настройки плагина Scroll to Top

Т.к. папку “icons” я закачал в корень блога (в /public_html/), то после того, как я определился с картинкой, в поле ввода ссылки на картинку, я прописал путь до той кнопки, которую хочу видеть у себя на блоге (https://aimblog.ru/icons/UP1.png) Прописывайте путь до вашей картинки внимательно!!!

Вот что получилось:

кнопка "наверх"

Это я показал просто пример, Вы можете поставить любую кнопку “наверх”. Также кнопки можете найти в интернете или нарисовать в фотошопе.

Небольшое дополнение:

Если Вы решите скачать плагин через поиск в админке блога, то в директории WordPress, плагин Scroll to Top 1.2 не такой как я описывал выше, там другой плагин.

При скачивание и активации плагина из админки блога, кнопка «наверх» будет внизу и в середине статьи, примерно так:

Scroll to Top

Изменить цвет, ширину и текст в кнопке можете в «Админка — Параметры — Scroll to Top»

Scroll to Top настройки

Так что имейте это ввиду!!! И если не хотите скачивать версию плагина из директории WordPress, тогда скачивайте Scroll to Top по моей ссылки.

С плагином Scroll to Top разобрались. У кого остались вопросы, задавайте в комментариях, отвечу с удовольствием. Теперь давайте сделаем кнопку «наверх» без плагина.

Как сделать кнопку “наверх” без плагина

Итак, для начала скачаем архив с файлами “verx.js” и “verx.gif” –скачать

[yandexd]

Затем распаковываем скачанный архив и по FTP файл “verx.js”  загружаем в корень блога (/public_html/);

Файл “verx.gif” закачиваем в папку /public_html/images.

Теперь, для того чтобы при нажатии на кнопку “наверх”, страница пролистывалась к началу плавно, необходимо подключить библиотеку jquery. Для этого блокнотом notepad++ открываем файл вашего шаблона “functions.php” и в самом начале, сразу после открывающего тега <?php вставляем этот код:

[php]// smart jquery inclusion
if (!is_admin()) {
wp_deregister_script(‘jquery’);
wp_register_script(‘jquery’, ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false);
wp_enqueue_script(‘jquery’);
}[/php]

Например у меня:

как подключить jquery

[sc:adsens728post ]

Если не подключите jquery, то при нажатии на кнопку “наверх” вас просто резко перекинет к началу и все, при подключенной jquery – с плавной прокруткой.

Теперь подключаем непосредственно кнопку. Для этого открываем на редактирование файл footer.php и в самом конце, перед закрывающим тегом </body> вставляем этот код:

[php]<a id="toTop" href="#"><img src="http://site.ru/путь к картинке/verx.gif" alt="" align="absmiddle" border="0" /></a><script type="text/javascript" src="http://site.ru/verx.js"></script><script type="text/javascript">// <![CDATA[
$(function() {
$("#toTop").scrollToTop();
});
// ]]></script>[/php]

  • Где http://site.ru/адрес вашего сайта;
  • /путь до картинки/ – точный путь где лежит картинка

Например у меня:

кнопка "наверх" без плагина

Еще раз повторюсь – внимательно прописывайте пути до файлов!!!

Очень часто что-то не работает или не отображается, только потому, что не правильно указан путь!!!

Ну и наконец, в завершающем шаге, открываем файл style.css и в самом конце вставляем этот код:

[php]#toTop {
width: 100px;
text-align: center;
padding: 5px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
color: #666666;
text-decoration: none;}[/php]

Здесь вы уже можете поиграться и подобрать внешний вид и отступы по вашему желанию.

Внешний вид кнопки также легко можно поменять. Загрузить новую картинку кнопки, и не забыть поменять путь в файле footer.php к новой картинке. Любое изображения “наверх” можно найти в сети или скачать по ссылки которую я дал в первой половине этого поста. У меня на блоге кнопка “наверх” нарисована в фотошопе:

наверх

Ну вот и все, сегодня мы узнали как на WordPress блоге сделать кнопку “наверх” с помощью плагина Scroll to Top и без плагина.

P.s. Последнее время меня часто спрашивают как сделать страницу «вопросов-ответов» на блоге, я не пишу об этом статью только потому, что сам пока такой страницы не делал, да и делать сильной необходимости пока нету, не так много похожих вопросов приходит, ну а для тех, кому такая страница на блоге необходима и если хотите добавить себе на блог WordPress страницу FAQ,  тогда вам сюда.

Кому лень возиться с установками плагинов или скриптов, за очень умеренное вознаграждение я готов эту работу взять на свои плечи! Моя почта – aimblogru@gmail.com

Удачи вам!

Все возникшие вопросы задавайте в комментариях ниже…

Не хочу обидеть женский пол, это просто смешное видео

[youtube]N-6wSYbENHw[/youtube]

Все, пока!!!

✌️ Хочешь продолжить разговор после статьи?

В Telegram я делюсь всем, чего нет на блоге: быстрые мысли, мемы, хаос и ностальгия.

Подписаться на Telegram
Комментарии: 94
  1. Геннадий

    Увы, установить такую кнопку ни одним из перечисленных способов на моих блогах, не возможно. :(
    Я изменил систему комментирования. Может быть теперь ты сможешь комментировать?

    1. Voroni (автор)

      Странно! Попробуйте из админки скачать (там немного другой плагин, но работает нормально, сейчас дополню пост и к Вам в гости =) )

      1. Геннадий

        Видимо у меня такой шаблон — не помогают оба способа, Пробовал это сделать еще раньше. Если бы у меня получилось — сам бы написал такую статью А ты все очень здорово описал. Не каждый знающий и умеющий сможет правильно изложить суть вопроса. *THUMBS UP*

      2. Геннадий

        Похоже у Вас все проблемы с комментированием на моих блогах о стались…Да?

    2. Лидия

      Я попыталась поставить такую кнопку. Знаний моих не хватило, чтобы разобраться. Тогда лень услужливо подсказала: зачем морочиться с плагинами и скриптами, ты элементарно можешь пользоваться кнопками на «Pg Up» и «Pg Dn» на клаве. Что я и делаю. :-D

      1. Voroni (автор)

        :-D Отличный комментарий!

      2. Геннадий

        Кнопка не для админа. а для посетителей. А они разные бывают =)

  2. Ольга

    Пожалуй, на днях потренируюсь поставить кнопку у себя.

    1. Voroni (автор)

      Ольга, там все очень просто устанавливается!

    2. Jamal

      Потренируюсь…

        :-D
      Его либо ставят, либо без него…. Че тут тренироваться? 

  3. SEO-Практик

    Приветствую. Среди кучи бесполезных и откровенно говоря глупых рассылок я не ожидал наткнуться на такую полезную статью, СПАСИБО! Это во-первых. ;)
    Во-вторых у меня вопрос: посмотри пожалуйста на моём сайте что такое с плагином? =-O Устанавливал прямо из директории WordPress, то есть использовал поиск и установил… точно такое же название у плагина вроде бы, как и в этой статье! Только вот посмотри и скажи, норм кнопка, которая сейчас у меня стоит? Настроек нет таких обильных, как тут показываешь, печально :(

    1. Voroni (автор)

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

      1. SEO-Практик

        Ха, да у меня из настроек только «Ширина», Текст, Цвет… включить-выключить и всё :(
        Обленился просто совсем, но пожалуй потом скачаю из этой статьи плагин =)

  4. Сергей

    Благодарю за статью. Уже установил. Полезно. *BRAVO*

    1. Voroni (автор)

      На счет полезности — согласен!!!

  5. ДимаБедный

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

    1. Voroni (автор)

      Чтобы сделать стрелочку вниз, наверно, никак не получится

      1. Анастасия

        Как-то можно вниз сделать! Я когда себе на сайт (давно уже) ставила кнопку вверх — сразу же озадачилась кнопкой вниз — можете посмотреть, есть у меня две стрелочки. Но хоть убейте, не помню где нашла эту инфу… *SORRY* искала просто через гугл — просто правильно запрос наверно надо оформить =)

      2. Анастасия

        Вот такой код у меня в футере стоит для кнопок «Вверх» и «Вниз»:

        jQuery(function() {
        var overelem = jQuery(‘body’);

        jQuery(‘#nav_up’).fadeIn(‘slow’);
        jQuery(‘#nav_down’).fadeIn(‘slow’);

        jQuery(‘#nav_down’).click(
        function (e) {
        jQuery(‘html, body’).animate({scrollTop: overelem.height()}, 800);
        }
        );
        jQuery(‘#nav_up’).click(
        function (e) {
        jQuery(‘html, body’).animate({scrollTop: ‘0px’}, 800);
        }
        );
        });

        А в папке паблик_хтмл есть файлик verh.js

        может кому пригодится, если я ничего не пропустила (что вполне может быть) =)

        1. Voroni (автор)

          Ага, спасибки, нужно дополнить статью!

  6. Константин

    Спасибо, Валерий! Очень нужная моим посетителям кнопка — давно искал такую.
    Будет желание посмотреть, как у меня работает, то заходите в гости.
    Буду рад посещению.
     Успеха во всём, дружище =) !

    1. Voroni (автор)

      Спасибо!
      Шаблон прикольный! Кто автор?

  7. Константин

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

    1. Voroni (автор)

      =) справа в сайдбаре ссылка на статью =)  
      https://aimblog.ru/ustanovka/plaginy-wordpress/kak-sdelat-stranicu-privetstviya-pervogo-kommentariya.html

  8. Алексей

    Пробовал ставить кнопку как учит Александр Борисов.Ничего не получилось.Даже не знаю стоит пробовать как учишь ты Валера)))

    1. Voroni (автор)

      Алексей, ты просто поставь плагин! На выбор любой. Они оба просто устанавливаются и сразу начинают работать.

  9. Сергей

    Наконец то нашел кнопку вверх, спасибо

    1. Voroni (автор)

      Да не за что!

  10. Jamal

    Автор, спасибо за статью. Установил. Все норм пашет. Также изменил расположение кнопки с правой стороны (решается это в коде в Редакторе Плагина). Посмотрите как реализовано это на моем сайте.  ;)

    1. Voroni (автор)

      Ага! Спасибо за наводку, нужно в статье дополнить…..а то может кто не знает как кнопку справа сделать

      1. Jamal

        Не за что. Сейчас сделаем скрин!  8)

  11. Jamal

    ГОТОВО!
    Итак, кому интересно: делаем кнопку, плагина Scroll to Top, с правой стороны на своем сайте. Ниже смотрите скрины:
    1. Как сделать: скриншот1
    2. Как выглядит: скриншот2
    Удачи!  ;)

  12. Роман

    Здравствуйте Валерий. В общем у меня вот такие вот пираги. Попытался установить эту стрелочку наверх через плагин, сделал всё как Вы и говорили — не работает. Ну ладно, подумал я, как никак может быть виноват шаблон, ведь такую версию уже описывали в комментариях выше — по этому всё может быть. Решил попробывать без плагина и опять, сделал всё как вы и описывали, за исключением создания папки images., у меня картинки загружаются в другую папку и я не стал ничего менять, так как к этому уже привык, но путь прописал правильно, к той папке, где лежит картинка. Так вот, сделал всё и стоил мне только перегрузить страницу на блоге для того, что бы проверить, что же из этого вышло, как мне выбивается вот такая вот ошибка: Parse error: syntax error, unexpected T_STRING in /home/users2/a/aleksia/domains/vseobanime.com/wp-content/themes/BlogPost/functions.php on line 5.
    Я же сделал всё как Вы и описывали в статье, тогда почему он выбил ошибку??? Пожалуйста, помогите мне с этим, а то эту стрелочку я уже ой как давно хочу себе установить и вот наконец-то нашёл, как на тебе — не работает(((( *HELP*

    1. Voroni (автор)

      Выдает ошибку в файле functions.php в 5 строке. Правильно код вставляете? Вставляйте в самом начале после 

      1. Роман

        Ввёл я всё правильно, проверил. А есть вариант того, что нужно было предпоследнюю строку, саму длинную, разделить как у Вас на картинке на две??? Может быть проблема в этом???

    2. Voroni (автор)

      Попробуйте если не получится другой плагин. Я же в статье два плагина описал

      1. Роман

        Забыл добавить, я сначала скачал Scroll to Top, но после того, как я увидел различие в админ панели и того, что показано у Вас на скриншотах, я прочёл внимательнее статью и понял что есть ещё этот же плагин, но который предлагаете Вы и выглядят в админ панели они по разному, хотя функционал то же. Кстати, Scroll to Top у меня не заработал(((( Потом скачал Ваш плагин и он, к несчастью, тоже у меня не заработал(((

  13. Роман

    Вот что я заметил после того как удалил код с файла functions.php, дабы вернуть блог в работоспособность. Когда я опускаюсь вниз, справа начинает появляться «треснутый квадратик», такое происходит всегда, когда какая либо картинка не может загрузиться. Когда я нажимаю на неё, я быстро поднимаюсь в самый вверх. Выходит, вариант со скриптами у меня работает, только само изображение стрелочки не загружается((( Хоть какое-то продвижение — уже радует)))

    1. Voroni (автор)

      Роман, у тебя все прекрасно работает!!! Я только сейчас проверил

    2. Voroni (автор)

      Ты говоришь о сайте об аниме ведь??

      1. Роман

        Да, всё верно))) 8)

  14. Роман

    Валерий, прошу прощения за беспокойство, всё работает!!!))) Простоя не додумался перегрузить страничку))) Видать в первый раз само изображение стрелочки просто недогрузилось))) После того как я перегрузил старницу — стрелочка появилась!)))))
     Но от сюдого я бы хотел узнать следующее. Зайдите пожалуйста на мой блог и, так сказать, проверьте работоспособность данного скрипта. Хотелось бы услышать мнение профессионала. И вот что ещё, скажите после того как посмотрите, плавно ли она (стрелочка), поднимает на верх когда на неё нажимают??

    1. Voroni (автор)

      Да, все нормально. Работает как надо!!! =)

      1. Роман

        Спасибо!))) Вы очень помогли)))

        1. Voroni (автор)

          Ну я как-то практически ни чем не помог, ты сам все сделал! Я только посмотрел что за проблема, которой в итоге и не было!! =)

          1. Роман

            Так Вы не ответили на мой второй вопрос. Плавно ли стрелочка поднимет на верх при нажатии??? :(

          2. Voroni (автор)

            ну я же говорю нормально =) так и оставь

          3. Роман

            Вот теперь я доволен)))) Ещё раз спасибо =)

  15. Роман

    Валерий, у меня к тебе ещё пара просьб, только не по теме, зарание прошу за это прощение(( 
    1. Можешь ли ты мне сказать что за плагин находиться на этом сайте при нажатии на скриншоты http://animebox.com.ua/anime/13-rozario-vampir-rosario-vampire-rus.html давно такой ищу и не могу найти(((
    2. Что ты сделал для того, что бы твои картинки плавно увеличивались при нажатии на них???))

    1. Voroni (автор)

      Коммент в спам твой что-то ушел. Вот этот плагин отвечает за увеличение картинок https://aimblog.ru/ustanovka/plaginy-wordpress/auto-highslide-plagin-dlya-uvelicheniya-izobrazhenij-na-sajte.html

  16. Владимир Сальников

    Спасибо за толковый пост, всё очень обстоятельно расписал. В конце посмотрел видео… не знаю, что смеяться или всё-таки плакать….

  17. Елена

    Дай Бог Вам здоровья и силы на таких учеников как я)

    1. Voroni (автор)

      Елена, а таких это каких)))

  18. Владимир

    Блин, Валера, полдня убил, никак не смог установить ни твой плагин, ни скрипт… :(
    При установке скрипта, у меня выдает ошибку на 5-й строке(может тема не дает), а при установке плагина, вообще не отображается %)

    1. Voroni (автор)

      Когда плагин установили пробовали по странице спускаться вниз? Кнопка появляется не сразу, а чуть ниже. На счет скрипта — точно все по инструкции делаете?? Иногда из-за одной кавычки может ошибку выдавать — по себе знаю =) и бывает целый день промучаешься с кодом, а там какая-нибудь мелочь…. 

  19. haserk

    О, спасибо, помогли ;)

  20. Наталья

    Не знаю что за ерунда. Только код библиотеки вставила и сайт сломала :( — надо идти на хост и убирать нафик код. Пыталась без плагина этот лифт сделать. Уже второй раз такое, что-то недавно тоже пыталась сделать и все сломалось  %)

  21. Дмитрий

    C первого раза не получилось вставить кнопку без плагина, покопался в коде и в статье и обнаружил что первый код, который нужно заносить в “functions.php” не совпадает с тем, который у вас на картинке. С делал как на картинке и все заработало =)
    У меня еще вопрос, у вас кнопка исчезает когда страница не прокручена вниз. Как мне тоже так сделать?

    1. Voroni (автор)

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

  22. Гена

    Здравствуйте Валерий. Отличная стать, все написано понятно и ясно. Но, я наверное что-то делаю не так. Я устанавливаю кнопку «наверх» без плагина. Я когда вставляю код в шаблон «functions.php» под тегом <?php, то после нажатия кнопки «обновить» у меня пропадает выход на сайт и даже в админку сайта – показывает ошибку HTTP500, приходилось делать «Backup». Проделывал несколько раз, результат тот же.

    1. Voroni (автор)

      Геннадий, пришлите скриншот файла functions.php куда вы вставляете код от плагина. Если не нарушать конструкцию php, то работать должно без проблем! 

  23. Алексей

    А как сделать как у вас, чтобы кнопка не в самом низу была, а внизу экрана?

    1. Voroni (автор)

      Алексей, в статье все написано ведь)

  24. Мария

    Все, получилось наконец-то. И правда в коде ошибка, если бы не прочитала коммент Дмитрия не смогла бы точно, не заметила бы просто )))) Спасибо, Валерий и Дмитрий! Кстати, зачем открывать файл functions.php блокнотом???? Просто открыть в редакторе нельзя что ли? Ну скопируй его предварительно в блокнот, на всякий случай…

    1. Voroni (автор)

      Мария, про какую ошибку Вы говорите? Я сейчас же исправлю  =)
      Конечно, можно и в редакторе) Так даже быстрее))) Просто я уже привык нотепадом — подключаюсь с блокнота к серверу, редактирую файл и тут же обновляю — еще быстрее… и в админку заходить не приходиться  =)

  25. Voroni (автор)

    Исправил код!

  26. Андрей

    Класс, мне понравилось все. Хотел поставить такую стрелку уже давно, но как-то руки не доходили :-! Или лень, прочитал твою статью, и сделаю обязательно — все понятно и доходчиво. Вообщем класс!!! =) Спасибо еще раз!!! *IN LOVE*

  27. Alexey

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

  28. Анатолий

    Спасибо за скрипт! Отлично работает! Нагрузки нет, как от плагинов. Только вопрос — нормальная работа зависит от шаблона? На одном сайте правильно работает, на другом — нет.  =-O

    1. Voroni (автор)

      Я сколько ставил, вроде бы везде работал)

  29. Елена

    Валерий, спасибо за статью! Кнопку установила, но функционирует не совсем так, как должно: переход резкий и кнопку видно даже на самом верху. Как будто  jquery не работает, хотя код вставила куда надо (и по строчкам разделять пробовала, хотя по-моему, это не должно влиять). Или это может, из-за особенностей шаблона?

    1. Victor

      какое разрешение экрана у Вас? попробуйте увеличить значение зрабатывания плагина (по умолчанию 350 строк)

  30. Алексей

    Плагин хороший, бесспорно. У меня только вот какой вопрос. После установки плагина стрелка отображается в правом нижнем углу страницы, а можно ее переместить в левый? В настройках этого нет, да и в самом файле плагина тоже не нашел…

    1. Татьяна

      У меня сначала, до того, как код в style css прописать, она встала именно слева. А после того как в стилях код добавила, она вправо переехала.  Попробуйте, может получится ее переместить :)

  31. Лешка

    %)

  32. Светлана

    Спасибо за статью, установила без плагина. Вопрос такой: как настроить «появление» кнопки только после прокрутки страницы вниз? А то постоянно висит — есть ли необходимость или нету…

    1. Светлана

      Да, и плавное скольжение почему-то не сработало — кидает наверх сразу. Сравнила и код, и картинку — что-то отличий не нашла (возможно, код уже исправили). Ну да ладно, со временем разберемся, наверное.

  33. Татьяна

    Валер, а как это: «включить jquery»? Я код прописала. Полность. Все правильно, но ничего нигде не включала  :-D Ну и меня естественно резко вверх перебрасывает. Как сделать плавненько? Что и где надо включить? %)

    1. Татьяна

      Получилось  =) Просто с файлом verx.js намудрила немножко
      Вот никогда в жизни не подумала бы что, буду читать блоги компьютерщиков и программистов. А вот — читаю…. И ведь нравится же… %)

      1. Татьяна

        Валер, гляньте у меня пожалуйста. Чет все-таки не так у меня… В одном браузере все нормально в другом вообще кнопки нет, а в третьем и на другом компе — вместо стрелки квадратик (когда картинка не читается такие квадраты появляются) В чем может быть дело?

  34. Евгения

    Скачала плагин Scroll to Top и у меня все сразу заработало, менять ничего не стала. Спасибо за интересную статью! =)

  35. lubov

    подключаю библиотеку jquery. Для этого блокнотом notepad++ нужно открыть файл шаблона “functions.php” А я не поняла что это за шаблон и где его брать. Можно поподробнее для особо одаренных.  %)

  36. Александр

    Здравствуйте Валерий! Попробовал поставить прокрутку без плагина, кнопка появилась, прокрутка работает, но одно но… прилипла слева внизу страницы и не хочет двигаться. Изменение параметров в style.css не приводит ни к какому результату. Мне нужно поставить кнопку по центру, а она, увы, не реагирует. Если знаете, в чем причина, подскажите. Спасибо за то, что делитесь своими знаниями. *THUMBS UP*
       

  37. Якуб

    Спасибо вам, Вы мне помогли.

  38. Лера

    Хорошая статья, очень полезная. Стрелочку установила с помощью плагина. Несколько раз перечитала статью и комментарии. Но всё же не понятно, как сделать эту стрелочку справа, изначально она устанавливается слева. Помогите, пожалуйста. Заранее благодарна.

    1. Voroni (автор)

      Лера, С помощью какого плагина установили кнопку?

      1. Лера

        Плагин Scroll to Top, который описан в данной статье.

  39. Андрей

    Кнопка «Скачать» не работает, а в поиске плагин с таким название имеет совсем другой интерфейс. Помогите, пожалуйста.

  40. Александр

    Здравствуйте. Мне Ваша статья помогла, все получилось с первого раза, но я бы еще хотел уточнить: как сделать чтобы кнопка появлялась не в самом в конце статьи после комментариев, а раньше как у Вас? Я ставил кнопку без использования плагина

  41. oneiric

    супер-кнопочка, красавица! десятки плагинов было перепробовано — все бестолку. такая, видать, тема попалась кривоватая %) .
    и вот с первого раза все получилось.
    Спасибо за бесплагиновый способ, друг!!! =)

  42. Андрей

    Здравствуйте, Валерий. Огромное спасибо за пост. Заранее оговорюсь все работает и получилось с первого раза, делал скриптом сразу без плагинов, так вот все работало отлично, но где то через пол года плавное появление кнопки пропало и она теперь видна постоянно и при нажатии поднимает наверх резко без плавной прокрутки. Никаких плагинов с тех пор не ставил, но есть маленький нюанс стоит плагин lightbox, который тоже перестал работать. Причем такая ситуация не только у меня,а еще и у приятеля которому ссылку на Ваш пост давал и который сделал также через скрипты и все было удачно. Буду благодарен за любой ответ.

  43. Serj

    Как изменить положение указателя на экране?

  44. Валентина

    В очередной раз благодарность Валерию! пока установила кнопку с помощью плагина, работает и смотрится симпатично, ничего не меняла слева так и оставила. будет время попробую через скрипты, для меня дилетантки и это достижение! как правильно выше писала Татьяна, что не думала когда-то о чтении блогов программистов и что ей это будет нравится! так и у меня, муж думает, что я в соцсетях сижу, а я вот умные и полезные статьи читаю и вот же- нравится!!!!

  45. Никита

    Спасибо большое, всё получилось! Удалил, наконец-то плагин и с делал, с помощью кода:-)

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности (подробнее).