背景<video>和<html style=“溢出-y:滚动”>在Opera nad Chrome中生成双倍y滚动条
背景<video>和<html style=“溢出-y:滚动”>在Opera nad Chrome中生成双倍y滚动条
提问于 2014-04-14 07:59:22
我的问题如下。我正在使用一个美丽的视频背景标签为一个网站。内容并不总是在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的情况下运行.
回答 1
Stack Overflow用户
发布于 2014-04-14 08:02:46
要形成我的评论作为答案，您需要将overflow-y: scroll;分配给body，而不是html。
body {
overflow-y: scroll;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23064753
复制相关文章
相似问题
背景固定和溢出-y:滚动
溢出-y:滚动不显示Chrome中的滚动条
溢出-x:隐藏和溢出-y:可见添加滚动条
溢出-y:滚动创建禁用的滚动条
CSS溢出-y:滚动滚动条位置不对
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
