Как реализована кнопка ВВЕРХ

  • simatic007

    (@simatic007)


    6 лет, 1 месяц назад

    Добрый день.

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

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

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

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • tuxfighter

    (@tuxfighter)

    6 лет, 1 месяц назад

    Плагин?

    Автор simatic007

    (@simatic007)

    6 лет, 1 месяц назад

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

    tuxfighter

    (@tuxfighter)

    6 лет, 1 месяц назад

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

    Flector

    (@flector)

    6 лет, 1 месяц назад

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

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

    Flector

    (@flector)

    6 лет, 1 месяц назад

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

    
<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)
  • Тема «Как реализована кнопка ВВЕРХ» закрыта для новых ответов.

Метки