向下滚动时，视差图像显示图像顶部

Question

使用我想要使用的模板，有一个用作视差的标题图像。工作正常，但当你慢慢向下滚动时，你会看到底部的图像顶部。为什么会这样？

示例：

在页面加载时一切正常。

当我向下滚动一点时，视差就会破碎：

Page I am talking about

它正在使用恒星视差插件。

像这样：

$.stellar({
    horizontalScrolling: false,
    verticalOffset: 0
});

Answer 1

你可以尝试这个css：

@media only screen and (max-width: 992px)
#subheader {  
    background-position: 50% 100% !important;
}