如何爲移動平滑地創建DIV高度動畫？

我正在爲我正在處理的移動網站做一些動畫。目前我正在使用CSS轉換，但是當我預覽小部件（手風琴）時，它根本不能流暢地動畫（在iPhone上）。如何爲移動平滑地創建DIV高度動畫？

我知道2D/3D變換（翻譯）在硬件加速設備上工作良好。有沒有什麼東西可以讓DIV順利地成長呢？

下面是一些示例代碼：

<div class="accordion" data-dojo-type="tui.widget.common.Accordion"> 
    <div class="item"> 
     <div class="trigger"> 
       <p>Board options</p></i> 
     </div> 
     <div class="content"> 
      <ul class="board"> 
       <li class="included">Half Board Included</li> 
       <li>Self Catering -&pound;220</li> 
       <li>All Inclusive +&pound;140</li> 
      </ul> 
     </div> 
    </div> 
</div>

任何幫助是極大的讚賞。謝謝

來源

2013-09-05 Nasir

道場有一個手風琴，爲什麼重新創建？無論如何，我認爲dojo.fx包將基於設備處理動畫。 – tik27

翻譯的特殊之處在於，您不會通過翻譯元素來影響頁面的其餘部分。改變瀏覽器渲染高度變化的完整頁面的高度 - 這對現代智能手機的像素數量來說並不是微不足道的。

您可以直接顯示所有內容並提供帶錨點的菜單。您可以在移動設備上平滑淡入或轉換爲視口。

來源

2013-10-30 10:10:03 sod

如何爲移動平滑地創建DIV高度動畫？

回答

相關問題