jQuery Scrolly插件 - 视差背景按前面元素的高度跳转

Question

演示：http://christianbullock.org/jstest/

我正在尝试在自由项目上实现基本的视差横幅。为此我正在使用：https://github.com/Victa/scrolly

虽然问题。当在视差横幅之前放置一个元素时，当您开始滚动时，视差背景的位置将跳过前一个元素的高度。

在这种情况下，红色横幅为218px高。当您开始滚动时，绿色背景的位置将跳跃218px。

注意：如果视差元素是页面上的第一个元素，这不是问题。如果通过固定定位从文档流中删除红色横幅也不是问题。

我正在考虑这可能是罪魁祸首，但不知道从哪里开始诊断：

// Fix background position
if(this.bgStart){ position = position + this.bgStart; }

if(this.options.bgParallax === true) {
  this.$element.css({backgroundPosition: '50% '+position+'px'});
} else {
  this.$element.css({top: position});
}

真的很感激任何指针。谢谢！ ：）

Answer 1

固定。不得不补充：

data-fit="-218" 

代表顶部的横幅：）