javascript - 每次用户触摸滚动 40 像素时触发事件

Question

我有 touchmove 函数来检查用户滚动了多少像素。它连接到我制作的自定义 slider ，该 slider 有 5 个步骤，每个步骤之间有 40 px，因此我想在滚动 40px 时进入下一步，我尝试了 amountScrolled % 40 == 0但这里的问题是，如果用户的手指拖动得很快，有时数字会被跳过，因此我不能保证看到我期望的 40 或 80 这样的数字，所以我尝试了 absoluteTouchDistance > 40 ||绝对触摸距离 > 80 || ... ，这里的问题是，在第一个条件之后，它总是被执行，而我希望它在数字是 80 或 120 等时执行下一个。

Answer 1

这样的事情应该可以让你继续:

steps = math.floor(absoluteTouchDistance/40);

现在您可以方便地检查steps是否已更改，并做出相应的 react 。