Question

当用户向下滚动时，我试图让我的页脚进行动画处理，但是当用户滚动到顶部时，我会设置动画。

当你向下滚动时，我的代码似乎适用于页脚动画，但是当你返回顶部时却没有。

此外，我尝试将其设置为动画，一旦从顶部向下滚动400像素，但由于某种原因，动画会在您滚动的那一刻发生。

$(function(){
  $(window).scroll(function(){
    if ($(window).scrollTop()<400){
        $("#footer").animate({"bottom" : "0px"}, 3000);
    }else if($(window).scrollTop()>400){
        $("#footer").animate({"bottom" : "-150px"}, 1500);
    }
  });
});

欢迎所有帮助。

Answer 1

在你的代码中你说

 $(window).scroll(function(){
   if ($(window).scrollTop()<400){
      $("#footer").animate({"bottom" : "0px"}, 3000);

根据你上面的评论，opx显示了页脚。因此，这意味着一旦用户开始滚动并且滚动的距离小于400像素，页脚就会生成动画。这是：你开始滚动的第一刻。这就是为什么在您滚动的第一刻显示页脚的原因。我想你需要这样做：

$(function(){
  $(window).scroll(function(){
    if ($(window).scrollTop()<400){
        $("#footer").stop().animate({"bottom" : "-150px"}, 3000);
    }else {
        $("#footer").stop().animate({"bottom" : "0px"}, 1500);
    }
  });
});

窗口滚动以检测页脚动画

1 个答案: