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