用getBoundingClientRect加载内容

Question

if (element.getBoundingClientRect().bottom < window.innerHeight) {...}

当滚动到页面底部时，我正在加载内容。问题是，在某种程度上，getBoundingClientRect().bottom并不比window.innerHeight - 640.390625 640小.我不知道这个稍微大一点的数字是从哪里来的。没有任何边距或其他任何东西可以阻止容器到达页面的末尾。

如果你需要更多的细节，只要问一问，我会添加它。

编辑:在开发工具中模拟移动设备时，问题似乎就出现了。作为一种解决办法，我刚刚从getBoundingClientRect().bottom中减去了25，但这看起来很难看。

Answer 1

尝试使用IntersectionObserver。你可以在上面读这里