jQuery動畫點擊切換

我正在模仿香奈兒的頁腳動畫，但我似乎無法做到正確。我正在測試的網站位置是here。在chanels網站上，無論何時用戶滾動或點擊更多，頁腳變爲100％覆蓋背景中的div。我已經達到了100％的高度，但我的jquery動畫不起作用。任何幫助？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（「頂」，「」）做;因爲它不會生成動畫但會刪除css，但這是我可以讓頁腳回到底部的唯一方法。幫幫我？ - 謝謝。

來源

2012-10-27 shayward

不知道你想要達到的，或者你的問題真的是什麼？我希望我可以幫忙，但我現在有太多的選擇。 –

這個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-27 06:27:52 Uttara

謝謝！作品！ – shayward

修改你的腳本如下：

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

來源

2012-10-27 06:43:18

jQuery動畫點擊切換

回答

相關問題