Перейти к содержанию
  • Текущие прокрутки


    Silence

    Текущие прокрутки

    1.png

    2.gif

    Перейти к ACP> Customizations> Themes> your theme> edit HTML and CSS> core> front> global> clobalTemplate и найти:

    <-! IpsQueryLog ->

    После его вставит это код:

    <script> 
     console.clear();
    
    var trackers = document.createElement("div");
    trackers.className = "trackers";
    
    trackers.insertAdjacentHTML("beforeend", "Current Scrolltops ");
    document.body.appendChild(trackers);
    
    function trackScroll(element, elementName) {
      var scrollTracker = document.createElement("span");
      trackers.insertAdjacentHTML(
        "beforeend",
        " &nbsp; | &nbsp; <b>" + elementName + "</b>: "
      );
      trackers.appendChild(scrollTracker);
      scrollTracker.innerText = element.scrollTop || element.pageYOffset;
      element.addEventListener("scroll", function() {
        console.log("scroll " + elementName); // You can see that scroll events are triggered.
        scrollTracker.innerText = element.pageYOffset || element.scrollTop;
      });
    
      window.addEventListener("scroll", function() {
        console.log("scroll " + elementName); // You can see that scroll events are triggered.
        scrollTracker.innerText = element.pageYOffset || element.scrollTop;
      });
    }
    
    trackScroll(window, "window");
    
    trackScroll(document.documentElement, "html");
    
    trackScroll(document.body, "body");
    
    var toggled = false;
    document.body.addEventListener("click", function() {
      document.documentElement.className = !toggled ? "toggle-scroll" : "";
      toggled = !toggled;
    });
       </script> 

    В CSS > custom.css поставит ето код:

    html.toggle-scroll {
      height: 100%;
      width: 100%;
      overflow: hidden;
    }
    .toggle-scroll body {
      max-width: 100%;
      height: 100%;
      overflow: auto;
    }
    body::before {
      display: block;
    }
    .trackers {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #FFF;
      padding: 1em;
    }

    Ето все ;)


    Обратная связь

    Рекомендуемые комментарии

    Комментариев нет



    Присоединяйтесь к обсуждению

    Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
    Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

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

    ×   Вставлено с форматированием.   Вставить как обычный текст

      Разрешено использовать не более 75 эмодзи.

    ×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

    ×   Ваш предыдущий контент был восстановлен.   Очистить редактор

    ×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


×
×
  • Создать...