jquery - 是否可以使用 css 转换函数更改元素的高度？

Question

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

谢谢。

编辑：我的结构是

幻灯片容器 --- 幻灯片 ------ 幻灯片

slides-container 必须width: 320px; overflow: hidden;为幻灯片创建一个窗口才能滑动。当我删除溢出时：隐藏；它工作正常，但后来我失去了滑动效果。

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

score 0 · Accepted Answer

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

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

animate 函数的工作原理如下。({CSS 操作},duration,callback 函数); 持续时间以毫秒为单位，不需要回调函数。

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

希望这很有用。

score 0 · Accepted Answer

得到了答案。只是还没有正确实施。

我想我以前见过一些人谈论它，但它基本上是关于改变容器中幻灯片的高度不够大。改变容器的高度可以解决这个问题。我不能 100% 确定我应该将容器的高度更改为哪个值。反正我的问题。不过，如果我发现一些通用的东西，我会告诉你的。

现在我会说确保容器可以将其元素放入其中。

此外; -webkit-backface-visibility：隐藏；这个-webkit-transform-style：preserve-3d；也有帮助。

2 回答 2