Почему не работает анимация цифр при скролле страницы JS?

Question

[dkakimzhan]

Подключил скрипт анимации цифр при скролле, все прекрасно работало, после него подключил еще один скрипт одностраничный скролл по секциям, после этого анимация цифр перестала работать. Пробовал разные варианты, но все равно ничего не работает. Что может быть не так?

Может событие $(window).on("scroll load resize", function () нужно поменять на другое?

$(document).ready(function () {
    var show = true;
    var countbox = "#facts_block";
    $(window).on("scroll load resize", function () {
        if (!show) return false; // Отменяем показ анимации, если она уже была выполнена
        var w_top = $(window).scrollTop(); // Количество пикселей на которое была прокручена страница
        var e_top = $(countbox).offset().top; // Расстояние от блока со счетчиками до верха всего документа
        var w_height = $(window).height(); // Высота окна браузера
        var d_height = $(document).height(); // Высота всего документа
        var e_height = $(countbox).outerHeight(); // Полная высота блока со счетчиками
        if (w_top + 3000 >= e_top || w_height + w_top == d_height || e_height + e_top < w_height) {
            $('.facts_numbers').css('opacity', '1');
            $('.facts_numbers').spincrement({
                thousandSeparator: "",
                duration: 1200
            });
            show = false;
        }
    });
});

Comments

[Vladislav]

а не пробовал отключить то что подключил ? Откатится на тот момент когда все еще работало.

[Spartak (Web-StyleStudio)]

$(window).on("scroll load resize"

События load и resize для этой функции не нужны

[WapSter]

Spartak (Web-StyleStudio), там вычисляется высота документа, при ресайзе она меняется, при загрузки видимо тоже нужно узнать. Откуда у тебя такие умные мысли?)

[Spartak (Web-StyleStudio)]

WapSter,

при загрузки видимо тоже нужно узна

$(document).ready(function ()

[Spartak (Web-StyleStudio)]

WapSter,

вычисляется высота документа, при ресайзе она меняется,

А разве при ресайзе не пропорционально меняется высота документа и высота до элемента?

[WapSter]

Spartak (Web-StyleStudio), ну вложи элементы флексом в контейнер, при разрешении 800+ они будут в ряд, а при 320, в ряд, при этом элементы разной высоты, как думаешь пропроционально будет меняться высота документа и расположения элемента? Про ready вообще бессмысленный комментарий, зачем запускать 3 отдельного события, если jq позволяет установить несколько.

[Spartak (Web-StyleStudio)]

WapSter,

при разрешении 800+

А каким боком resize окна браузера относится к разрешению?

P/S: про флексы - согласен). В любом случае автор вопроса не назвал причину, значит все-таки натолкнули его на истинный путь))

Answer 1

[Spartak (Web-StyleStudio)]

$(window).scroll(function(){
	/*...*/
});

Comments

[dkakimzhan]

не сработала

[Spartak (Web-StyleStudio)]

var show = true;
Этот параметр ещё где-то используется в скрипте?

[dkakimzhan]

Spartak (Web-StyleStudio), нет только там

[Spartak (Web-StyleStudio)]

В браузере в консоле есть ошибки?

[Spartak (Web-StyleStudio)]

dkakimzhan,

подключил еще один скрипт

И покажите код скрипта из-за которого вы считаете что перестало работать

А лучше в песочницу добавить

[dkakimzhan]

Spartak (Web-StyleStudio), да, этот скрипт работает когда открывается сайт, когда скролю она уже сработанная, а я хочу чтобы было когда дойдешь до секции только тогда срабатывала

[Spartak (Web-StyleStudio)]

dkakimzhan,

if (w_top + 3000 >= e_top || w_height + w_top == d_height || e_height + e_top < w_height) {

+3000 что в этом случае делает?

[dkakimzhan]

Spartak (Web-StyleStudio), все спасибо большое, решил)

[Spartak (Web-StyleStudio)]

dkakimzhan, пожалуйста
P/S: помог -> отметь решением)