Question

我正在创建这个用户发布媒体的网站。当用户向下滚动时，引用旧帖子的媒体元素会被追加。当用户滚动到顶部时，会向服务器发送获取请求以获取新帖子。在页面中删除所有媒体元素并再次添加（如刷新）。问题是当我点击视频全屏按钮时，它会向上移动滚动条并触发滚动事件，导致我的页面刷新。

Answer 1

尝试禁用视频容器的所有指针事件。因此它不允许滚动。

pointer-events:none;

此外，如果您以模态打开视频，则可以为视频设置特定的宽度和高度，并将溢出设置为隐藏，以便不显示滚动条。

.wrapper-video{
  height: 450px;
  width: 800px;
  overflow-y: hidden;
  overflow-x: hidden;
}

如果有帮助，请告诉我！