在ReactJS中使用Vanilla JS检测滚动页面的底部

我正在开发一个React应用程序,希望使用Vanilla JS检测用户滚动页面的底部。我在谷歌上搜索了一下,发现下面的检查对大多数场景都很有效-

window.innerHeight + window.scrollY) >= document.body.offsetHeight

它工作得很好,是的,当我在我的react应用程序中没有在App.css和index.css中将高度设置为100vh时。但在将两者的高度设置为100vh后,情况就不同了。

我在安慰上述参数的价值观 无高度为100vh 下面是Galaxy S5设备上的输出-

window.innerHeight->  640 window.scrollY -> 0 document.body.offsetHeight->  265

整合上述参数的值 高度为100vh 下面是Galaxy S5设备上的输出-

window.innerHeight->  640 window.scrollY -> 0 document.body.offsetHeight->  640

下面是handleScroll代码:

  handleScroll = () => {
    const {
      totalUsersCount, users, currentPage, fetchUsersList,
    } = this.props;
    console.log('window.innerHeight-> ', window.innerHeight, 'window.scrollY ->', window.scrollY,
      'document.body.offsetHeight-> ', document.body.offsetHeight);
    if (((window.innerHeight + window.scrollY) >= document.body.offsetHeight)) {
      fetchUsersList(currentPage + 1);
    }
  };

当Vanilla JS中的高度设置为100vh时,我如何检查页面滚动的底部,就像我在React中一样。