文章/答案/技术大牛

发布

社区首页 >问答首页 >背景<video>和<html style=“溢出-y:滚动”>在Opera nad Chrome中生成双倍y滚动条

问背景<video>和<html style=“溢出-y:滚动”>在Opera nad Chrome中生成双倍y滚动条
EN

Stack Overflow用户

提问于 2014-04-14 15:59:22

回答 1查看 2.4K关注 0票数 0

我的问题如下。我正在使用一个美丽的视频背景标签为一个网站。内容并不总是在y轴上溢出。为了防止自动生成的y-滚动条跳转，我从一开始就用CSS添加它：

html {
  overflow-y: scroll;
}

这对于Firefox和IE来说很好。但是Opera和Chrome不承认<video>标签的大小，在生成的<body>内容的高度上放置了第二个滚动条( y-bar )。

这也是为什么在overflow-y: hidden;元素上使用<html>并不聪明的原因。因为，我希望从一开始就将y-滚动条放在正确的浏览器端，以防止当我的<body>内容溢出时跳。

我的<video>有这样的css：

#video_background {
  position: absolute;
  bottom: 0px;
  right: 0px;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden;
  position: fixed;
}

我很乐意在没有js的情况下运行.

css

video

cross-browser

scrollbar

overflow

回答 1

Stack Overflow用户

发布于 2014-04-14 16:02:46

要形成我的评论作为答案，您需要将overflow-y: scroll;分配给body，而不是html。

body {
  overflow-y: scroll;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23064753

复制

相似问题

问背景<video>和<html style=“溢出-y:滚动”>在Opera nad Chrome中生成双倍y滚动条
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问背景<video>和<html style=“溢出-y:滚动”>在Opera nad Chrome中生成双倍y滚动条EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问背景<video>和<html style=“溢出-y:滚动”>在Opera nad Chrome中生成双倍y滚动条
EN