html - 想要在绝对 div 已经具有 100% 高度时隐藏滚动条

Question

我有一个客户的 Html 网站元素，我在网站主页的背景中使用了一个视频，我在 video 之外使用了绝对 div 和 100% height 和 width，我的客户不想要 y 轴上的滚动条，我也不能使用 overflow:hidden; CSS 的属性，可能是客户端将来会添加一些内容，如果我给视频的父元素提供 100% 的高度和宽度，然后当我使用 bottom:0 poperty 时滚动条从哪里来，我仍然感到困惑div 然后滚动条不会显示，但视频的大小会改变，为什么会发生，请帮助我。提前致谢，如果我无法解决我遇到的确切问题，请原谅我。

网站网址:http://trekoholic.com/site/

我使用了 body { overflow-y: hidden; 作为临时基础

CSS 和 HTML:

div#video-player {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

<div id="video-player">
  <video width="100%" height="100%" loop="" autoplay="">
    <source type="video/webm" src="Video/eat.webm"></source>
  </video>
</div>

Answer 1

你必须改变

div#video-player {
   position: absolute;
}

由

div#video-player {
   position: fixed;
}

它工作但有一个计数器，如果视频有最大高度到屏幕底部的高度将看不到，但如果我理解正确，这是需要的，即使在未来将允许您添加更多内容，将毫无问题地被看到

如果你想要完整的视频显示，只需将 height: 100% 添加到 div#video-player

div#video-player {
   position: fixed;
   height: 100%;
}

计数器，如果视频的比例与屏幕不同，可能不会填满整个宽度

所以我真的希望这对你有帮助