Javascript div内的Js/CSS图像溢出：滚动防止滚动？

我有一只奇怪的虫子

我有一个div#页面，我将其设置为overflow:scroll，我将body设置为overflow:hidden，因为我想防止下拉，让网站感觉像一个“应用程序”

伪页

<div #page>
<div .image>
<div .image>
<div .text>
<div .image>
<div .text>
</div>

在#页面中，我有一些div，上面有图像和文本，就像一个长长的单页机一样

出于某种奇怪的原因，由于知道哪种冲突，当我滚动#页面时，它工作正常，直到我悬停页面中包含的图像，而不是文本，在这种情况下，我的鼠标滚轮将不再滚动。几乎就像图片覆盖了卷轴一样

我无法使用指针事件：无，因为其他原因

请添加代码

window.onscroll = () => {
      window.scrollTo(0,0);
};

阻止滚动

对于重置：

window.onscroll = ()=>{
}

window.onscroll = ()=>{
}