Javascript intersectionObserver-当选项框到达容器的边界一侧时，我会停止滑动以移动

我正在尝试构建一个交叉点观察者，当容器选项中包含的第一个或最后一个框到达容器边界时，我的UI可以停止幻灯片转换。因此，幻灯片中始终充满了方框选项，它允许从左到右的平滑体验

沙箱可能很有用，所以

有些模式也很方便，因此：

但是，正如您将看到的，它不会平稳停止，但是我已经有效地设置了我的观察者，使其停止，正如我在模式中所描述的

任何暗示都很好，

---

谢谢

我看了一下你的沙盒，我不明白为什么你会在动画中间听一个特定的状态，如果你能预先计算出滚动容器的距离，就会中断它。（除非我完全错了）（如果我读对了，但我仍然错了，请告诉我为什么这样做）@TimothyGroote谢谢你的回答，核心思想是我允许通过CMS动态添加新幻灯片的元素，因此代码需要自动获取我幻灯片的边界，这是核心要求，希望我已经回答了您的问题-我会通过计算滚动的距离来实现这一点（找到滑块中最后一个可见的项目，并使用该项目的位置向右滚动；找到最接近当前偏移位置的菜单项的位置减去滑块的宽度向左滚动） ; 这样，您就不需要复杂的事件或观察者系统，但可以保留动态菜单；）谢谢你给我这个有趣的提示，我会试试看