• Главная
  • Карта сайта
Не найдено

Кнопка "Наверх" на сайт для прокрутки страницы при нажатии

Опубликовано: 05.09.2018

видео Кнопка

Навигация на лендинге. Плавная прокрутка до блока и кнопка «наверх»

На сайтах часто используется кнопки "наверх", которая, при нажатии, прокручивает страницу в самое начало. Это очень удобно, если страницы сайта достаточно объемные. Подобную кнопку можно установить абсолютно на любой сайт или html страницу. В том числе и на WordPress сайт. Именно об установке кнопки "Наверх" на WordPress сайт мы расскажем далее.



Чтобы кнопка "Наверх" появилась и начала работать на вашем WordPress сайте, вставьте следующий код в файл footer.php вашего шаблона перед закрывающимся тегом</body>.

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


Кнопка Вверх на чистом javascript

<script type="text/javascript">jQuery(document).ready(function($){ $(window).scroll(function () {if ($(this).scrollTop() > 0) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}}); $('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;}); });</script> <div id="scroller"><span>наверх</span></div>

После этого на вашем сайте появится надпись Наверх, которая внешне не будет похоже на кнопку. Но это легко устранить, если прописать стили для дива "scroller" в файле style.css. Мы писали о том, как из обычной ссылки сделать кнопку с помощью CSS , поэтому рекомендуем воспользоваться этой инструкцией и оформить кнопку "Наверх" так, как посчитаете нужным.


Кнопка Наверх на сайт одностраничник на JQuery

Это полезная статья? - Ставь лайк!

Участвуй в развитии блога и сообщества

Новости
Провайдеры:
  • 08.09.2015

    Batyevka.NET предоставляет услуги доступа к сети Интернет на территории Соломенского района г. Киева.Наша миссия —... 
    Читать полностью

  • 08.09.2015
    IPNET

    Компания IPNET — это крупнейший оператор и технологический лидер на рынке телекоммуникаций Киева. Мы предоставляем... 
    Читать полностью

  • 08.09.2015
    Boryspil.Net

    Интернет-провайдер «Boryspil.net» начал свою работу в 2008 году и на данный момент является одним из крупнейших поставщиков... 
    Читать полностью

  • 08.09.2015
    4OKNET

    Наша компания работает в сфере телекоммуникационных услуг, а именно — предоставлении доступа в сеть интернет.Уже... 
    Читать полностью

  • 08.09.2015
    Телегруп

    ДП «Телегруп-Украина» – IT-компания с 15-летним опытом работы на рынке телекоммуникационных услуг, а также официальный... 
    Читать полностью

  • 08.09.2015
    Софтлинк

    Высокая скоростьМы являемся участником Украинского центра обмена трафиком (UA — IX) с включением 10 Гбит / сек... 
    Читать полностью

rss