18910140161

JavaScript-如何在快速传递元素时防止交叉观察器触发-堆栈溢出

顺晟科技

2022-10-19 12:00:46

192

在下面的代码示例中,有一个按钮可以滚动到页面的底部,通过六个观察到的div。

在每个元素通过视区时激发它们。是否可以对触发器进行节流或添加延迟,以防止只在视图中短暂出现的元素发生交集事件?

理想情况下,在下面的示例中,交互计数器应该在单击向下滚动按钮之后--对第一个元素和最后一个元素进行一次检测,忽略介于

之间的检测


顺晟科技:

有一种方法:

  • 每次发现相交元素时,在回调集中递增并执行必要的处理,以在毫秒后运行(这个数字可以根据滚动速度更改)

  • 将返回的数字存储在变量中

  • 在设置变量时,检查变量是否包含值。如果是这样,请使用它来删除它,这样您计划执行的任何代码都不会运行。

  • 一旦停止滚动,将执行回调中的代码,并且只处理滚动到的最后一个元素(因为以前处理其他元素的s已被清除)。


  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航