iOS Chrome - 取消动量滚动可防止`touchstart`处理程序在您点击之前触发

Question

如果您在iOS Chrome中“轻弹”滚动，然后通过触摸屏幕取消滚动，则点击绑定了touchstart处理程序的内容，它将不会触发。只有在取消滚动后再次点击屏幕时才会触发。

CodePen

var $container = $('#container');
var $box = $('#box');
var toggle = true;

$box.on('touchstart', function() {
  if (toggle)
    $box.css('background-color', 'pink');
  else
    $box.css('background-color', 'skyblue');
  toggle = !toggle;
});

有关为何发生这种情况的任何见解？