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

Question

我有这个奇怪的错误

我有一个 div #page 我设置为溢出：滚动，我有溢出的正文：隐藏，因为我想防止下拉，让网站感觉像一个“应用程序”

html,body {
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
}
#page {
    overflow: scroll;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   }

伪页面

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

在#page 内，我有带有图像和文本的 div，就像在一个长的单页纸中一样。

由于知道哪个冲突，由于某些奇怪的原因，当我滚动#page时它运行良好，直到我 hover 包含在页面中的图像，而不是文本，在这种情况下，我的鼠标滚轮将不再滚动。 几乎就像图像覆盖滚动一样。

由于其他原因，我不能使用指针事件：无

Answer 1

添加你的代码

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

挡住了卷轴

重置：

window.onscroll = ()=>{
}