Javascript 视频全屏触发滚动事件

Javascript 视频全屏触发滚动事件,javascript,html,Javascript,Html,我正在创建一个用户发布媒体的网站。当用户向下滚动时,引用旧帖子的媒体元素会被追加。当用户滚动到顶部时,会向服务器发送get请求以获取新帖子。页面中的所有媒体元素都将被删除并再次添加(如刷新)。问题是,当我单击视频全屏按钮时,它会向上移动滚动条并触发滚动事件,导致我的页面刷新。尝试禁用视频容器的所有指针事件。因此它不允许滚动 pointer-events:none; 此外,如果在模式中打开视频,可以为视频设置特定的宽度和高度,并将“溢出”设置为“隐藏”,以便滚动条不会出现 .wrapper-vi

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

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

pointer-events:none;
此外,如果在模式中打开视频,可以为视频设置特定的宽度和高度,并将“溢出”设置为“隐藏”,以便滚动条不会出现

.wrapper-video{
  height: 450px;
  width: 800px;
  overflow-y: hidden;
  overflow-x: hidden;
}
如果有帮助,请告诉我