防止在固定元素上方滚动

Question

我有一个完整页面固定元素来显示'此页面正在加载'gif图像。但是页面有溢出身体的内容。用户可以在这个固定元素上滚动它。有没有CSS方法可以防止这种情况？我本可以抓住这个事件并通过JS来阻止它。但是干净的CSS方式会很棒。

.page-loading {
  background: rgba($white, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.5s;
  z-index: 14;

  &__image {
    height: 50px;
    width: 50px;
  }
}

我已提到this。但是我想从组件本身控制它。（没有JS）

Answer 1

与您已提供的链接一样，您必须将overflow:hidden;应用于您的身体。