我正在使用stellar.js并且还在使用background-attachment:fixed。但是,生成的滚动效果突然停止在Google Chrome中运行。这是一个链接 site
当我尝试在版本45.0.2454.85中预览我的网站时,背景附件不适用于我的任何背景图片。但它适用于firefox,edge等。当我尝试低于45的版本时它也工作得很好。
这是我通常如何创建我的背景图像
CSS
library(dplyr)
bind_rows(a,b)
#Source: local data frame [2 x 4]
# A B C D
# (dbl) (dbl) (dbl) (dbl)
#1 3 9 10 6
#2 1 2 NA 5
HTML
.intro {
background-image: url(/img/banner-bg.jpg);
background-repeat: no-repeat;
height: 100%;
background-attachment: cover;
background-position: center center;
background-size: contain;
}
答案 0 :(得分:0)
似乎要使它适用于此版本,我必须从overflow-x:hidden
属性中取出:
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
否则我的图片不会因为我不知道的原因而固定在此Chrome版本上。