javascript - jQuery ScrollTop .. ."disable"当击中屏幕底部时

Question

尝试实现视差滚动(有两个独立的元素)#slides 和#body，当您向下滚动页面时，#body 将覆盖#slides(视差效果)

当你向右滚动到页面底部时出现问题，它似乎在跳动......以为它在看高度。

这是代码。

<script>
$(window).scroll(function () {
var n1 = ($(this).scrollTop() / 0.2)+'px';
  $('#slides').css({ 'top': 0-($(this).scrollTop() / 0.9) + "px"});
 console.log(n1);
  $('#body').css({ 'margin-top': 0-($(this).scrollTop() / 0.45) + "px"});   
});


$(window).scroll(function () {
if ($(window).scrollTop() + $(window).height() > $(document).height() - 100)         {
    alert("bottom!");
}
});

</script>

我想创建一个 jquery 函数来在它点击 footer HTML 标签时“禁用”这张幻灯片？任何想法如何写这个。我做了一个“警报”，所以当你向下滚动时它会触发......但想将它转移到“disbaling”jQuery 滚动

Answer 1

现在修复了这个，可以删除