Javascript 删除元素后滚动快照Safari不工作

我有两个div，预加载，大约都有100vh。当我滚动并且预加载不再在视口中时，我滚动捕捉到大约并从DOM中删除预加载。 在chrome上运行良好，但在Safari上，在我删除它之后，预加载似乎给了一些空的100vh空间，因此页面将在下面滚动2个div

HTML

JS

const observeproad=（）=>{
const preload=document.querySelector（“.preload”）；
const observer=新的IntersectionObserver（（条目）=>{
if（条目[0]。相交比率
<div class="homepage">
  <div class="preload">Preload</div>  
  <div class="about">About</div>  
</div>

.homepage{
    height: 100vh;
    width: 100vw;
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(-100vh);
    scroll-snap-type: y mandatory;
    overflow: scroll;

}

.preload,
.about{
  scroll-snap-align: start;
  height: 100vh;
}

const observePreload = () => {
            const preload = document.querySelector(".preload");

            const observer = new IntersectionObserver((entry) => {
                if (entry[0].intersectionRatio <= 0.03) {
                     preload.innerHTML = "";
                     preload.remove(); 
                     window.removeEventListener("wheel", observePreload);
                }
            });

            observer.observe(preload);
        };
window.addEventListener("wheel", observePreload);