位置:当html高度:100%时，粘滞不起作用
位置:当html高度:100%时，粘滞不起作用
提问于 2018-07-29 07:15:45
下面是我为两个相关项目准备的CSS。
html, body {
background-image: url("../images/background.png");
background-attachment: fixed;
height: 100%;
}--还有--
#navBar {
font-family: Cinzel;
position: sticky;
top: 0;
z-index: 1;
}我的导航栏显示在它应该显示的地方，但当网页上下移动时，它只是滚动离开。如果我删除html {height: 100%;}，那么粘性导航栏就可以工作了。我的目标是实现滚动然后滚动效果。
任何建议都是非常感谢的！
回答 1
Stack Overflow用户
发布于 2018-07-29 07:59:51
您的目标似乎是设置一个覆盖画布/屏幕的背景。如果是这种情况，您可能希望尝试更改您的css属性。然后，不要将高度设置为100%。试着这样做：
background: url(../../img/back-lettre.jpg) fixed no-repeat;
background-size: cover;
-webkit-background-size: cover; /* Chrome & Safari */
-moz-background-size: cover; /* Firefox */
-o-background-size: cover; /* Opera */如果这样做有效，它可能会帮助您避免阻止position: sticky;工作的设置。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51575968
复制相关文章
相似问题