繁体 English 中英

在看不见时暂停动画的正确方法

[英]Proper way to pause animations when not in view

原文 2013-04-08 22:02:58 1 1 javascript/ html/ animation/ requestanimationframe

我想知道当用户滚动并且动画不在视图中时是否有适当的方法来暂停requestAnimationFrame动画？

当浏览器显示另一个选项卡时，requestAnimationFrame会自动执行此操作，但是当用户滚动时是否可以执行此操作？

1 个解决方案

唯一的方法是将您的代码分成许多小函数。

向下滚动时，跟踪正在进行的滚动量。

您可以提供自己的自定义条件，并在函数执行后且未获得焦点时使用window.cancelAnimationFrame（） 。

正确的方法来暂停角形路由

[英]Proper way to pause routing in angular

切换选项卡时暂停/恢复 CSS 动画

[英]Pause/resume CSS animations when switching tabs

在iPad上滚动时JavaScript动画会暂停

[英]JavaScript Animations pause when scrolling on iPad

如何暂停所有CSS动画并在需要时恢复

[英]How do I pause ALL CSS animations and resume when needed

如果视频完全不在视野范围内，暂停视频的更短方式

[英]shorter way to pause a video if it is fully out of view

使用 IntersectionObserver 在视图中触发 gsap 动画

[英]Using IntersectionObserver to trigger gsap animations when in view

当Revolution Slider滚动到视图中时开始动画

[英]Start Animations When Revolution Slider Scrolls Into View

看不见时暂停HTML5视频

[英]Pause HTML5 video when out of view

如何在暂停时链接jQuery动画？

[英]How to chain jQuery animations with a pause?

在Rails中使用Ajax调用时，从控制器传递数据到视图的正确方法

[英]Proper way to pass data from controller to view when using ajax calls in Rails

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 正确的方法来暂停角形路由切换选项卡时暂停/恢复 CSS 动画在iPad上滚动时JavaScript动画会暂停如何暂停所有CSS动画并在需要时恢复如果视频完全不在视野范围内，暂停视频的更短方式使用 IntersectionObserver 在视图中触发 gsap 动画当Revolution Slider滚动到视图中时开始动画看不见时暂停HTML5视频如何在暂停时链接jQuery动画？在Rails中使用Ajax调用时，从控制器传递数据到视图的正确方法

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM