Javascript 仅页脚中的视差

我为我的新项目创建了一个视差页脚：，但当我在上面添加一个div来模拟实际的主页：，它就停止工作了，我感觉我理解了原因，但我似乎不知道如何纠正它。就像我必须在某个点触发视差，但我不知道怎么做。任何朝正确方向的轻推都会非常有帮助

这是我的js，我从另一支笔借的：

  var opThresh = 350;
  var opFactor = 750;

  window.addEventListener("scroll", function (event) {

     var top = this.pageYOffset;

     var layers = document.getElementsByClassName("parallax");
     var layer, speed, yPos;
     for (var i = 0; i < layers.length; i++) {
        layer = layers[i];
        speed = layer.getAttribute('data-speed');
        var yPos = -(top * speed / 100);
        layer.setAttribute('style', 'transform: translate3d(0px, ' + yPos + 'px, 0px)');

     }
  });
}
document.body.onload = castParallax();

var-opThresh=350；
var系数=750；
window.addEventListener（“滚动”），函数（事件）{
var top=this.pageYOffset；
var layers=document.getElementsByClassName（“视差”）；
var层、速度、yPos；
对于（变量i=0；i

如何设置#视差定位绝对值：

#parallax {
    display: block;
    position: absolute;
    top: 0px;
}

---

但主要的问题是：你想通过div实现什么？div的内容是否应保持在视差之上？还是应该把它推倒？这正是你的例子所发生的。DIV的高度是1000px，它将视差内容向下推，使其不再可见，但它确实存在。@zolv的想法是，它将充当页脚，一旦用户到达页脚，视差将起作用，但主页内容的其余部分将正常工作。因此，1000px div将模拟主页的其余部分。这只是将页脚放在其余内容的顶部。我知道你的头在哪里，但它没有达到我想要的结果。我希望页脚能像我的第一支笔一样，在我的主页底部。