Почему не срабатывает JS при масштабе просмотра окна браузера в 100%?

Question

[Darya Shvakh]

Добрый день!
Есть готовый JS код какой-то метрики joxi.ru/Vm6Ze9KtD08wzm
Счётчики не срабатывают при просмотре страницы в масштабе 100%.
После изменения масштаба просмотра страницы (Ctrl +) на 80%, счётчики срабатывают как нужно, т.е. при входе на страницу счётчик начинается с 0 и последовательно онлайн доходит до нужного показателя, например от 0 до 47 000 за 3 сек, и так во всех браузерах.
Скажите пожалуйста в чём может быть дело?
Уменьшение размера всех родителей где расположены счётчики, а также изменение размера шрифта самого счётчика не помогает (
Спасибо!

Answer 1

[Владимир Проскурин]

Скорее всего ваша метрика обновляется при выполнении события window onresize, а когда вы меняете масштаб, это событие выполняется. Поищите в коде где это событие обрабатывается, и вызовете его код при загрузке.

Comments

[Darya Shvakh]

Владимир Проскурин, наверное всё-таки дело не в window onresize.
Основания для этого вывода - поиск фразы "window onresize" по файлам JS дал отрицательный результат.
Владимир Проскурин, я помню кому то на форуме уже объясняли, что с вопросами "сделай за меня" это на биржу фриланса, но я не прошу сделать за меня посмотрите пожалуйста код может зададите другой вектор поиска,)
Класс этого элемента "number"
А это сам JS

$(document).ready(function () {
    function e() {
        $(window).height() > 450 ? $(".home-top-slider .slider-body").height($(window).height()) : $(".home-top-slider .slider-body").height(450)
    }

    function t() {
        var e = $(".home-offer .box"),
            t = e.outerWidth();
        $(window).width() > 767 ? e.each(function () {
            $(this).removeAttr("style").height(t)
        }) : e.each(function () {
            $(this).removeAttr("style")
        })
    }
    if ($(".home-top-slider").length > 0) {
        e(), $(".home-top-slider .slider-body .slide").addClass("hideText").addClass("transition");
        var o = $(".home-top-slider .slider-body");
        o.slick({
            dots: !0,
            touchMove: !0,
            arrows: !1,
            infinite: !0,
            fade: !0,
            pauseOnHover: !1,
            autoplay: !0,
            speed: 1600,
            autoplaySpeed: 19e3
        }), o.on("afterChange", function () {
            $(".home-top-slider .slider-body .slide").addClass("hideText"), $(".home-top-slider .slick-active").removeClass("hideText")
        }), $(window).resize(function () {
            e()
        }), $(window).on("orientationchange", function () {
            e()
        })
    }
    $(".home-offer").length > 0 && (t(), $(window).resize(function () {
        t()
    }), $(window).on("orientationchange", function () {
        t()
    }));
    var i = $(".home-offer .box");
    i.on("mouseover", function () {
        $(this).addClass("hover");
        var e = $(this).find(".text");
        e.removeAttr("style").height(e.children().height())
    }), i.on("mouseleave", function () {
        $(this).removeClass("hover"), $(this).find(".text").removeAttr("style")
    })
}), $(window).load(function () {
    function e(e, t) {
        function o() {
            $("" + e).each(function () {
                $(this).removeClass("hidden").width($(this).width()), $(this).parent().children(".noHeight").addClass("transition").removeClass("noHeight"), $(this).prop("Counter", 0).animate({
                    Counter: $(this).text()
                }, {
                    duration: t,
                    easing: "swing",
                    step: function (e) {
                        $(this).text(Math.ceil(e))
                    }
                })
            })
        }
        var i = $("" + e).offset().top - ($(window).height() - 150),
            n = !0;
        $(document).scrollTop() < i && ($("" + e).addClass("hidden"), $(".numbers .number-box .chart .ch").addClass("noHeight"), $(window).scroll(function () {
            var e = $(document).scrollTop();
            e > i && n && (n = !1, o())
        }))
    }
    if (setTimeout(function () {
            $(".home-top-slider .slider-body .slide").first().removeClass("hideText")
        }, 500), $(window).width() > 1200) {
        var t = ".numbers .number-box .chart .number";
        $(t).length > 0 && e(t, 2e3)
    }
});

Спасибо!

[Владимир Проскурин]

Daria Shvakh, вот этот код
i

if (setTimeout(function () {
            $(".home-top-slider .slider-body .slide").first().removeClass("hideText")
        }, 500), $(window).width() > 1200) {
        var t = ".numbers .number-box .chart .number";
        $(t).length > 0 && e(t, 2e3)
    }

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

[Darya Shvakh]

Владимир Проскурин, Спасибо!
И очень Милая аватарка,)

[Darya Shvakh]

Владимир Проскурин, Вы правы!
Огромное СПАСИБО!