点击屏幕底部

时间:2015-06-29 13:11:29

标签: javascript jquery html css

尝试实现视差滚动(有两个单独的元素)#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滚动

1 个答案:

答案 0 :(得分:0)

现在解决了这个问题,可以将其删除