我初始化没有特定选项的相交观察器,因此阈值等于0.0,并且事件仅在被观察元素的第一个像素进入视口时才触发。
当我通过滚动触发观察者以及使用由top
之类的简单CSS属性定义的过渡触发观察者时,就会发生这种情况。但是,当观察到的元素出现在视口中时,这要归功于CSS转换带有过渡动画,观察者直到动画结束才触发回调。 我需要在元素出现在视口中的那一刻立即触发它,。
您可以在此处查看示例:https://jsfiddle.net/38v2dots/2/
我的现实世界的问题是,一个卡鲁塞尔库可以(不必要地)与CSS 3D转换一起工作。但是2D变换也会发生问题。不幸的是,我被迫使用此库,因此避免3D变换不是一种选择。
谢谢。