javascriptのscrollについて、レスポンシブだとscrollがしばらく認識されない

解決したいこと

画面をスクロールする
⇒classList.addでクラスを付与してふわっと浮き上がるイベントを実装したい

PC版では実装完了しており、
スマホ版（if文でwindow横幅400未満としています）も、
スクロールが900くらいになると

let scroll = document.documentElement.scrollTop;
console.log(scroll);

がうまく作動して、スクロール値を取得してくれるのですが、それ以前
例えばスクロール位置が0～500くらいの地点では、コンソールのログも添付画像の通り
何も取得してくれない状態です。
下記の通り100で設定しても、scrollが空の状態なのでクラスの付与が出来ない状態です。

発生している問題の場所

    if (scroll > 100) {
        let obj = document.getElementById("flow-obj");
        let list = obj.classList;
        list.add("flow-js-animation-show");
    } else {
        console.log("error");
    }

例）

自分で試したこと

if (scroll > 100) {

この部分を
if (scroll > 0) {
としてみたり、
if (scroll == 0) {
としてみたり、
if (scroll == "") {
としてみたりしたのですが、どうにも解決できていない状態です。

お手数ですが、やり方をご教授下さると助かります。