IntersectionObserver是否支持水平滚动观察?

Ted*_*ick 6 javascript intersection-observer

我制作了几个垂直滚动 IntersectionObserver 模块,但我对水平滚动感兴趣(根将是 div,观察目标将是 img)。我想观察当 img 放大但 div 保持视口宽度时的变化。我什至不确定移动 Safari 是否会将缩放后的图片报告为宽度发生变化,这是一个实验。回到问题上来,我还没有找到任何信息。回复:观察水平交叉点,所以我不确定是否支持?

小智 7

IntersectionObserver仅在 x 轴上获得,您可以添加到选项:rootMargin: "4000px 0px 4000px 0px"

  • @JustinAnderson 它应该是 `rootMargin: "100% 0% 100% 0%"` 否则会给出错误 Uncaught SyntaxError: 无法构造 'Intersection': rootMargin 必须以像素或百分比指定。 (5认同)
  • 这里我们应该提到 root Margin 在指定根元素时起作用。 (2认同)