元素在使用 jQuery 对相对包装宽度进行动画处理时消失

Element disappears when animating relative wrapper width with jQuery

本文关键字：动画 处理 消失 包装 jQuery 相对 元素      更新时间：2023-11-10

当我对包含absolute元素的relative定位元素的width进行动画处理时，我遇到了一个奇怪的问题。动画运行时，内部元素会消失。动画完成后，将显示内部元素。

这是演示：

http://jsfiddle.net/R4Cj5/

当我position: relative删除父元素时，动画运行时会显示内部元素，但随后我无法将其相对于父元素定位。

基本上带有 % 的框应该在任何时候都可见

有人知道这里发生了什么吗？

固定：我刚刚添加了溢出：可见！重要;相对 定位元素

工作示例 ： http://jsfiddle.net/R4Cj5/26/

我认为这可能是jQuery动画的东西。 我很想看到一个没有任何黑客的工作解决方案，但现在这里有一些你可能会发现有用的东西！:-)

我基本上在 animate 中添加了另一个功能，完成后它将对 90% 进行动画处理以悬停在进度条上方

complete: function() {
    $percent.animate({top: "-26px"})
}

在此用例场景中，您还可以从样式表的.progressbar .percent中删除/注释掉top: -26px。 此外，我在样式中添加了height: 20px; .progressbar .percentage，因此您可以在它滑过时看到百分比变化。

相关文章：