1

私はシャネルのフッターアニメーションを模倣することに取り組んでいますが、それを正しく理解できないようです。私がテストしているサイトの場所はここにあります。chanelsサイトでは、ユーザーがスクロールまたはクリックするたびに、フッターが100％バックグラウンドのdivをカバーするようになります。100％の高さを達成しましたが、jqueryアニメーションが機能しません。何か助けはありますか？

<script>
    $(document).ready(function() {
      $(".handle").toggle(function() {
            //$('#footer').animate(),
            $('#footer').animate({top: "0px"}, 1000);
        }, function() {
            //$('#footer').removeClass('animateHeight'),
            $('#footer').css("top", "");
            //$('#footer').animate({bottom: "0"}, "slow");
       });
      });
</script>

私はそれが.css（ "top"、 ""）;と関係があることを知っています。アニメーション化せずにcssを削除しますが、それがフッターを下部に戻す唯一の方法です。ヘルプ？- ありがとう。

4

2 に答える 2

2

このCSSをあなたのfooter

#footer {
    top: 92%;
}

コードをこれに変更します

<script>
    $(document).ready(function() {
      $(".handle").toggle(function() {
            $('#footer').animate({top: "0px"}, 1000);
        }, function() {
            $('#footer').animate({top: "92%"}, 1000);            
       });
    });
</script>
于 2012-10-27T06:27:52.407 に答える
0

スクリプトを次のように変更します。

    <script>
        $(document).ready(function() {  
            $(".handle").toggle(function() {
                $('#footer').animate({top: "0px"}, 1000);
            }, function() {
                $('#footer').animate({top: "null"}, 1000);
           });
         });
    </script>
于 2012-10-27T06:43:18.590 に答える