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


    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;
    }

    Ето все ;)



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

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

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



    Для публикации сообщений создайте учётную запись или авторизуйтесь

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать учетную запись

    Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

    Регистрация нового пользователя

    Войти

    Уже есть аккаунт? Войти в систему.

    Войти


×