尝试实现视差滚动(获得两个单独的元素)#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函数,以在击中页脚HTML标签时“禁用”此幻灯片吗?任何想法如何写这个。我已经完成了一个“警告”操作,因此当您向下滚动时会触发...但是要将其转换为“ disbaling” jQuery滚动

最佳答案

立即修复此问题,可以将其删除

关于javascript - jQuery ScrollTop…当触及屏幕底部时“禁用”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31116642/

10-13 05:55