Javascript/CS3转换问题

Javascript / CSS3 transition problems

本文关键字：问题 转换 CS3 Javascript      更新时间：2023-09-26

我有一个页面，页面之间有ajax链接，我在转换方面遇到了一些问题。我在jsfiddle上建立了一个演示页面来演示。

http://jsfiddle.net/UVr4A/

问题是，当内容改变高度时，div最终会出现在错误的位置，并导致不平滑的转换。我试了几件事来解决这个问题。我目前的解决方案是从div中移除animate属性，然后移动它，但这并不总是有效的。在我的代码中，我对延迟进行了注释，以演示这个问题。即使有50ms的延迟，它也无法正常工作（我认为这是由于浏览器延迟，因为它在这个jsfiddle上几乎从未发生过），所以我正在寻找更优雅的解决方案，不会导致转换需要更长的时间。

我使用css3转换而不是jquery，因为它们往往更平滑。

我认为问题在于css转换。看看这个：

http://jsfiddle.net/UVr4A/2/

事实证明，问题与我的想法无关。部分原因是我过于简化了我的问题，最终消除了这个问题。

在我的长页面上，有一些图像在转换过程中加载，这就是导致跳跃的原因。我通过一个onload事件和一个超时修复了这个问题。

相关文章：