0

ユーザーが下にスクロールするとフッターがアニメーション化されますが、ユーザーが上にスクロールするとアニメーション化されます。

私のコードは、下にスクロールするとフッターがアニメーション化されるように見えますが、一番上に戻ったときには機能しません。

また、上から400ピクセル下にスクロールするとアニメーションするように設定しようとしていますが、何らかの理由でスクロールした瞬間にアニメーションが発生します。

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

すべてのヘルプ歓迎。

4

1 に答える 1

0

あなたのコードであなたが言う

 $(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);
    }
  });
});
于 2013-10-09T21:54:49.857 に答える