Javascript jQuery滚动插件-视差背景通过前面的元素';s高度

Javascript jQuery滚动插件-视差背景通过前面的元素';s高度,javascript,jquery,parallax,Javascript,Jquery,Parallax,演示: 我正试图在一个自由职业者的项目上实现一个基本的视差横幅。为此,我使用: 问题是。当有一个元素放在“视差”横幅之前时,当您开始滚动时,视差背景的位置将跳到前面元素的高度 在这种情况下,红旗的高度为218px。当您开始滚动时,绿色背景的位置将跳跃218px 注意:如果视差元素是页面上的第一个元素,则这不是问题。如果通过固定位置将红旗从文档流中移除,这也不是问题 我认为罪魁祸首可能是这个,但不知道从哪里开始诊断: // Fix background position if(this.bgSta

演示:

我正试图在一个自由职业者的项目上实现一个基本的视差横幅。为此,我使用:

问题是。当有一个元素放在“视差”横幅之前时,当您开始滚动时,视差背景的位置将跳到前面元素的高度

在这种情况下,红旗的高度为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});
}
非常感谢你的指点。谢谢!:)

固定。必须补充:

data-fit="-218" 

要解释顶部的横幅:)

请显示更多代码。完整的Js可以在这里找到:。谢谢:)