Как сделать чтобы scrollTop был целыми числами или как поставить равенство в моей ситуации?

Question

[Hoqus]

Здравствуйте, пытаюсь создать условия для события "скрол кончился" но не получается, нуждаюсь в помощи =)
У меня написано скрипт для 3d скрола, я его дорабатываю, нужно чтобы когда скрол закончился и уперся, вылез попап.
На скринах показываю что у меня имеется. Иногда значения которые я получаю scrollTop-ом целые и все работает как надо, а иногда они с плавающей запятой...

Comments

[Сергей delphinpro]

if (scrolled >= pageHeight)

PS. нельзя выкладывать код картинками.

[Hoqus]

Щас тестировал и иногда целое значение scrollTop меньше или больше на единицу, погрешность связана с page.clientHeight и мое равенство не срабатывает даже преобразовав к целому числу =/


может есть способ построить равенство учитыва эту погрешность ? или как то отладить получение значения scrollTop чтобы оно было стабильным?
Если можете, подскажите)

[AgentSmith72]

Hoqus, используйте проверку результата, возвращаемого функцией. В функции учитывайте погрешность +/- пиксель

if(comparison()) // Логика скролла

function comparison() {
    // Логика сравнения
    // Возвращайте bool
}

[Hoqus]

Сергей delphinpro, удалить картинки ?
при такой проверке if (scrolled >= pageHeight)
если значение scrolled с погрешностью в 1 пиксель в другую сторону, то не сработает...

[Hoqus]

AgentSmith72, а почему именно фукцией ? и ещё плохо представляю как учесть эту погрешность...

[AgentSmith72]

Hoqus, в функцию мы выносим одну единицу логики.

[Hoqus]

AgentSmith72, спасибо большое за разьяснения, я смог применить твой способ =)

[AgentSmith72]

Hoqus, добавил реализацию в решение.

Answer 1

[AgentSmith72]

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

let scrolled = 500.98797,
    pageHeight = 500;

if(comparison()) console.log("Размеры равны с учётом погрешности");
else console.log("Размеры не равны");

function comparison() {

    let check = [
        parseInt(scrolled),
        parseInt(scrolled) - 1,
    ];

    return check.includes(pageHeight) ? true : false;
}