css - 使用 Angular 4 检测 html 元素的碰撞或触摸

Question

我目前卡在了一个点上。我正在使用 css 动画以不同的速度从左到右移动 div 内的 p 元素。我想让他们一旦接触就改变方向？我该怎么做？

Answer 1

最近为此引入了一个新的浏览器 API，它可能会做你想做的事

Intersection Observer API

否则您可能需要使用 How to check if an element is overlapping other elements? 中解释的方法自行计算或 https://gist.github.com/jtsternberg/c272d7de5b967cec2d3d 通过获取元素的位置和大小并进行比较。