Поддержка Проблемы и решения Как реализована кнопка ВВЕРХ

  • Добрый день.

    Не могу в коде сайта найти как вставлен код для кнопки вверх. Если смотреть код страницы, то внизу страницы есть код кнопки ВВЕРХ.
    — Ни в index.php, ни в footer.php <div id="wpfront-scroll-top-container"> нету
    — Поиск данного дива по директории темы ничего не дает. В виджетах главной страницы его тоже нет
    — Догадываюсь, что он как то формируется или в wp_footer() или в functions.php.

    Понимаю, что он вставлен криво, но мне как-то надо найти как он вставлен. Подскажите, пожалуйста.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Плагин?

    Да, оказалось, что плагин WPFront Scroll Top это делает. Сейчас ломаю голову как сделать код валидным, т.к. плагин набрасывает style прямо в body, а валидатор ругается.

    Подберите правильный плагин

    т.к. плагин набрасывает style прямо в body, а валидатор ругается.

    а что в этом преступного?
    валидаторы ругаются на множество вещей.
    отсутствие заголовков в section, прописанные role, упоминание type и тд и тп.
    не стоит на подобное обращать внимание.

    если хочется валидности, то делайте эту кнопку сами:

    
    <a href="#header" id="scroll-up"><i class="icon-big-up"></i></a>   
    

    и

    
    /* кнопка вверх begin */
    #scroll-up {
      transition: none;
      bottom: 20px;
      position: fixed;
      right: 20px;
      display: none;
      opacity: 0.6;
      background-color: var(--color-ostblue);
      padding: 2px 3px 2px 3px;
      border-radius: 5px;
      z-index: 999999;
    }
    #scroll-up i {
      font-size: 2.6rem;
      color: white;
    }
    #scroll-up:hover {
      opacity: 1;
      transition: all 0.3s ease-in-out;
    }
    /* кнопка вверх end */
    

    и

    
    jQuery(document).ready(function($) {
       $("#scroll-up").hide();
       $(function () {
          $(window).scroll(function () {
             if ($(this).scrollTop() > 500) {
                $('#scroll-up').fadeIn();
             } else {
                $('#scroll-up').fadeOut();
             }
          });
          $('#scroll-up').click(function () {
             $('body,html').animate({
                scrollTop: 0
             }, 1200);
             return false;
          });
       });
    })
    
Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Как реализована кнопка ВВЕРХ» закрыта для новых ответов.