我应该如何创建类似于 Venmo 的应用程序演示？
How should I approach creating an app demo similar to Venmo's?
我正在尝试在此处重新创建类似于 Venmo 的演示 https://venmo.com/about/product/。
我目前的做法是：
滚动事件侦听器 -
添加一个用于滚动的事件侦听器，并根据 div 的 key/id/class 按元素列表的绝对位置扫描文档区域并更新状态。
优点：单个事件侦听器，缺点：必须解析元素列表才能找到 key/id/class，可能不可靠？
位置事件侦听器 -
在每个 div/card 上添加事件侦听器，并在元素位置通过条件时更新状态。
优点：可能更容易实现，缺点：多个事件监听器
以下哪种方法更好，有什么我没有想到的吗？
这其实是两个不错的想法。 Venmo 的演示使用由滚动控制的 HTML5 视频。
我相信您可以简单地按照建议的方法进行操作
in this article.
解释的要点是，您最初将滚动元素的高度设置为与视频的长度相对应，并将其用作滚动计算的一部分。我不会担心尝试根据页面上的元素来定位自己，而是在根据自己的喜好调整滚动后将元素放在适当的位置。
我正在尝试在此处重新创建类似于 Venmo 的演示 https://venmo.com/about/product/。
我目前的做法是：
滚动事件侦听器 - 添加一个用于滚动的事件侦听器，并根据 div 的 key/id/class 按元素列表的绝对位置扫描文档区域并更新状态。 优点：单个事件侦听器，缺点：必须解析元素列表才能找到 key/id/class，可能不可靠？
位置事件侦听器 - 在每个 div/card 上添加事件侦听器，并在元素位置通过条件时更新状态。 优点：可能更容易实现，缺点：多个事件监听器
以下哪种方法更好，有什么我没有想到的吗？
这其实是两个不错的想法。 Venmo 的演示使用由滚动控制的 HTML5 视频。
我相信您可以简单地按照建议的方法进行操作 in this article.
解释的要点是，您最初将滚动元素的高度设置为与视频的长度相对应，并将其用作滚动计算的一部分。我不会担心尝试根据页面上的元素来定位自己，而是在根据自己的喜好调整滚动后将元素放在适当的位置。