не срабатывает событие при скроле
 

добрый день! подскажите что не так? есть блок, когда он подьезжает в верху экрана, должен получить класс, но не работает что-то

function fgr(elem) {
        let app = document.querySelector(elem);
        let details = app.getBoundingClientRect();

        if (details.top == 0) {
            app.classList.add("mystyle");
        }
    }

    document.addEventListener('scroll', () => {
        fgr('#succes');
    });

   fgr('#succes');

когда при загрузке он вверху, то класс добавляется.

Совсем не обязательно, что details.top будет точно == 0.
Попробуйте, например, details.top <= 1