问题标签 [transitionend]

当编辑器打开时，我稍微缩小我的调度器，然后当编辑器关闭时，我将调度器滑回 100% 宽度并且必须调整大小，以便所有事件都转到它们新的正确位置。

问题是，在更宽的屏幕上，transitionend 事件似乎过早触发。我在附加到调度程序的 transitionend 结束事件中设置了一个断点，当调度程序仍有办法进行转换时，它进入了断点：

文本是当我按下继续时调度程序仍会填满的区域，所以转换肯定没有完成......但是事件被触发了。

我附上一个$(scheduler.element).one('transitionend', function(){//resize stuff});

然后将宽度设置为 100%，它会在更宽的屏幕上执行此操作。我在 1920px 宽度上注意到了这一点。

为什么在过渡实际完成之前这个过渡端会在更宽的屏幕上触发？我该如何防止呢？

我在父 div 上运行 transitionend，因为我想等到该转换完成。不幸的是，有一个子按钮有一个转换，它会在父 div 完成转换之前触发 transitionend 事件运行。我试过使用 event.stopPropagation() 但没有运气。

transitionend 只触发一次，而不是触发所有的转换，所以我不能通过 event.target 过滤。

任何帮助都是极好的。谢谢

只有在另一个菜单（移动导航）上的转换完成后，我才使用“addEventListener”打开菜单（流派容器）。问题是，一旦一切都关闭并且我尝试重新激活移动导航，即使我没有点击流派容器，“addEventListener”似乎也会触发。我想要的是当我关闭移动导航时一切重新开始。

我已经尝试了transitionendand在动画结束animationend后更改我的 CSS transition。keyframes我用两个变体做了一个例子，它们按预期工作：当 a或动画结束时，我可以togglea 。悬停时，我开始转换/动画，并在转换/动画更改后切换一个类，该类会更改 。classtransitionJavaScriptbackground-color

唯一的区别是，当我执行 mouseout 并且 div 回到原始状态时，使用transition和 transitionend，类将被删除并且原始background-color是可见的。对于keyframes动画和animationend，类和background-color停留，当我做鼠标悬停时也是如此。我怎样才能得到同样的animationend行为transition？

要在 Vue 更新 DOM 后做某事，您可以使用$nextTick绑定。

要在 css 转换完成后做某事，你可以使用transitionendevent.

我有一个动态列表，其中通过用户操作添加和删除内容。移除后，会有一个 CSS 动画，然后我需要在元素消失后立即检查 DOM 的状态。

我在想，在列表项被删除$nextTick后transitionend， DOM 的状态将是 DOM 的状态，但事实并非如此。

在过渡结束并且列表中的元素已从 DOM 中删除后，我需要做一些事情。

现在我有：

每次调用此操作时，我都希望一个对象首先向左移动，然后向上移动。它第一次工作正常，但第二次，对象对角线移动而不是步进。

目前我有这个：

1. 关于如何实现阶梯动画的任何其他建议？
2. 如何解除这两个“绑定”的绑定，使其在每个动作中都像第一次一样运行？

您好，我定制了一个 2 行的 Bootstrap 导航栏（上半部分只是徽标和社交链接，下半部分是导航链接）。我试图在滚动时隐藏上半部分，但我找不到顺利完成它的方法。我认为下面的代码是我找到的最好的解决方案，但是现在transitionend 上的事件监听器不起作用，并且从未添加过“隐藏”类。

header-up-section 变为不可见，但 div 未隐藏。有什么想法可以帮忙吗？

我想了解为什么以下代码会以指数方式复制 transitionend 的返回。

这对我来说没有任何意义，因为它们应该具有相同的行为并且应该只执行一次。

下面评论了预期的行为。

这是多么奇怪的行为！

我想在过渡结束后清除“间隔”（带有过渡动画的绘图条）不要白白忙于CPU，但我无法获得正确的高度值。

您可以使用下面的截断链接查看结果。

顶部是错误值，底部是数组中的数据。我尝试了一些算术方法，但想使用“transitionend”事件监听器。谢谢！:)

我有以下代码，它应该使横幅淡入视野，它确实如此。但是，一旦转换完成，我想触发其他效果，但我无法让transitionend事件触发对函数的调用。

我在 Chrome v93 中执行这个，这个网站说它支持transitionend。我的控制台日志显示：

如您所见，确实添加了淡入类，并且淡入确实有效。但我从来没有收到过渡结束的消息。关于我哪里出错的任何想法？