【问题标题】:Does IntersectionObserver support horizontal scrolling observation?IntersectionObserver 是否支持水平滚动观察?
【发布时间】:2019-10-09 18:19:13
【问题描述】:

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

【问题讨论】:

  • 交叉点观察者本质上与滚动无关。他们只是观察有多少元素在视口内;无论是因为水平或垂直滚动​​、CSS 更改还是其他原因而发生的变化都无关紧要。
  • @IceMetalPunk 好的,根据您的经验,是否支持水平滚动?

标签: javascript intersection-observer


【解决方案1】:

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

【讨论】:

  • 我们应该在这里提到,root Margin 在指定根元素时起作用。
猜你喜欢
  • 1970-01-01
  • 2011-06-26
  • 1970-01-01
  • 2015-10-23
  • 1970-01-01
  • 1970-01-01
  • 2022-01-14
  • 2012-05-26
  • 1970-01-01
相关资源
最近更新 更多