时间戳

首页 > 解决方案 > 带有溢出的 div 内的 Js/CSS 图像：滚动防止滚动？

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

问题描述

我有这个奇怪的错误

我有一个 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 时它运行良好，直到我将图像悬停在页面中，而不是文本，在这种情况下，我的鼠标滚轮将不再滚动。几乎就像图像覆盖滚动一样。

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

标签： javascripthtmljquerycss

解决方案

添加你的代码

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

挡住了卷轴

重置：

window.onscroll = ()=>{
}

推荐阅读