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

Question

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

站点 URL：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%;
}

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

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

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

Want to hide scrollbar when a absolute div already has a 100% height

html

css

background

html5-video