Question

我正在通过PhoneGap编写应用程序，我正在使用css和jquery。我知道我可以scale一个元素，但它似乎对它的可见高度没有影响。它只是收缩但仍保持空间。我需要以某种方式GPU加速高度控制。 GPU加速显示/隐藏也没问题。

感谢。

编辑：我的结构是

滑动容器 ---幻灯片 ------幻灯片

slides-container有width: 320px; overflow: hidden;来创建幻灯片滑动的窗口。当我删除overflow：hidden;它工作正常，但后来我失去了滑动效果。

实际发生的事情是，当我移动到更高的幻灯片时，会出现白色闪光。我在移动后设置滑动高度。

Answer 1

我不熟悉Phonegap但是如果你可以使用jQuery，你可以在元素上创建一个jQuery动画函数。

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

animate功能的工作原理如下。（{CSS to manipulate}，duration，callback function）; 持续时间以毫秒为单位，不需要回调函数。

一些CSS方法，例如margin-left和background-color是不同的。边距写成marginLeft，marginRight，marginTop。背景颜色和任何其他python需要输入为字符串。 “背景图像”。

希望这很有用。

Answer 2

得到了答案。还没有正确实现它。

我想我以前见过一些人谈论它，但它基本上是关于改变一个容量不够大的容器中幻灯片的高度。更改容器的高度可以解决问题。我不能100％确定的是，我应该更改容器的高度值。无论如何，我的问题。我会告诉我是否能找到通用的东西。

现在我想说确保容器可以放入其内部元素。

另外; -webkit-backface-visibility：hidden; 这个 -webkit-transform-style：preserve-3d; 也有帮助。