当CSS变换将元素放入视口时,交集观察器无法正常工作

时间:2018-11-30 16:46:04

标签: javascript css css-transitions css-transforms intersection-observer

我初始化没有特定选项的相交观察器,因此阈值等于0.0,并且事件仅在被观察元素的第一个像素进入视口时才触发。

当我通过滚动触发观察者以及使用由top之类的简单CSS属性定义的过渡触发观察者时,就会发生这种情况。但是,当观察到的元素出现在视口中时,这要归功于CSS转换带有过渡动画,观察者直到动画结束才触发回调。 我需要在元素出现在视口中的那一刻立即触发它,

您可以在此处查看示例:https://jsfiddle.net/38v2dots/2/

我的现实世界的问题是,一个卡鲁塞尔库可以(不必要地)与CSS 3D转换一起工作。但是2D变换也会发生问题。不幸的是,我被迫使用此库,因此避免3D变换不是一种选择

谢谢。

0 个答案:

没有答案