是否可以通過css轉換函數更改元素的高度？

我正在通過PhoneGap編寫應用程序，並使用css和jquery。我知道我可以scale一個元素，但它似乎沒有影響其可見的高度。它只是縮小，但仍然保持空間。我需要以某種方式GPU加速高度maninpulation。 GPU加速顯示/隱藏也可以。是否可以通過css轉換函數更改元素的高度？

謝謝。

編輯：我具有以下結構是

滑動容器 ---滑動 ------滑動

滑動-容器具有width: 320px; overflow: hidden;創建用於滑動滑動的窗口。當我刪除溢出：隱藏;它工作正常，但後來我失去了滑動效果。

實際發生的事情是，當我移動到一個更大的高度的幻燈片，有一個白色的閃光燈。移動後我設置了滑動高度。

來源

2012-11-23 Bilsay

據我所知，高度不能用CSS3過渡動畫，但最小高度可以。 – Sean

看到這個：http://stackoverflow.com/questions/3508605/css-transition-height-0-to-height-auto – Sean

如果你不想鼓搗那個，雖然，我敢肯定有很多jQuery解決方案（雖然不是GPU加速的） – Sean

得到了答案。只是尚未正確實施它。

我想我以前見過一些人談過它，但其基本上是關於改變容器的高度不夠大。更改容器的高度可以解決問題。我不是100％確定的是，我應該改變容器的高度。無論如何，我的問題。我會讓我知道如果我找到一些通用的。

現在我想說確保容器可以適合其內部元素。

另外; -webkit-backface-visibility：hidden; This -webkit-transform-style：preserve-3d; 也有幫助。

來源

2012-11-26 16:51:11 Bilsay

另外一件幫助我的東西是移動溢出：隱藏;到溢出x的div的父母：隱藏; overflow-y：scroll;只是認爲這可能有助於某人 – Bilsay

我不熟悉Phonegap，但如果你可以使用jQuery，你可以在元素上創建一個jQuery動畫函數。

$('#element').click(function(){ 
    $(this).animate({height : '200px'},100); 
});

animate函數的工作原理如下。（{CSS操作}，持續時間，回調函數）; 持續時間以毫秒爲單位，不需要回調函數。

某些CSS方法（如margin-left和background-color）是不同的。邊距的寫法就像marginLeft，marginRight，marginTop。背景顏色和任何其他與python需要輸入爲一個字符串。「背景圖」。

希望這是有用的。

來源

2012-11-23 16:11:33 sourRaspberri

Beneto，謝謝你的回覆。我最初的嘗試是這樣的，這在瀏覽器上完美工作，但在iphone上（通過PhoneGap），當高度改變爲較大值時，它會導致白色閃光。我也試過css動畫，但沒有什麼幫助，據我所知。我覺得有一個DOM更新導致這個閃光。 -webkit-backface-visibility甚至不能解決我的問題。不管怎麼說，還是要謝謝你。 – Bilsay

它是一個移動應用程序網站或移動網站？你使用Phonegap的是什麼？ – sourRaspberri

這是一個用jQuery編寫的移動應用程序，使用PhoneGap的css。我會嘗試一些在這裏討論的東西，我會回來一個解決方案。 – Bilsay

是否可以通過css轉換函數更改元素的高度？

回答

相關問題