[英]How should I approach creating an app demo similar to Venmo's?
我正在尝试重新创建类似于Venmo的演示版https://venmo.com/about/product/ 。
我目前的方法是:
滚动事件侦听器 - 添加用于滚动的事件侦听器,并按绝对位置扫描文档区域以获取元素列表,并根据div的键/ id /类更新状态。 优点:单个事件监听器,缺点:必须解析元素列表才能找到key / id / class,可能不可靠?
位置事件监听器 - 在每个div /卡上添加事件监听器,并在元素位置通过条件时更新状态。 优点:可能更容易实现,缺点:多个事件侦听器
哪一个是更好的方法,有什么我没想到的吗?
这些实际上是两个好主意。 Venmo的演示使用由滚动控制的HTML5视频。
我相信您可以通过遵循本文中建议的方法来实现。
解释的要点是,您最初将滚动元素的高度设置为与视频的长度相对应,并将其用作滚动计算的一部分。 我不会担心尝试根据页面上的元素来定位自己,而是在根据自己的喜好调整滚动后将元素放在适当的位置。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.