使用角度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中说明的方法自行计算 通过获取元素的位置和大小并进行比较。