iOS Safari在与video.js播放器交互时向下滚动

Question

通过第二次单击菜单按钮关闭video.js播放器弹出菜单时，iOS（10.3）上的Safari跳转（向下滚动）。

如何重现：

1. https://codepen.io/mkhazov/full/PjBJvb/。在Safari上打开此笔 iPhone或xcode模拟器。
2. 向下滚动
3. 点击质量选择按钮
4. 再次点击它。

录制视频：http://www.screencast.com/t/IPkjEo2dxW7

这绝对是移动Safari的bug（没有js代码负责滚动），但我找不到合适的解决方法。

这可以通过按照建议的here跟随CSS来修复：

html,
body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

但它破坏了其他东西（例如，window.scrollY / $（window）.scrollTop（））所以我无法使用它。

任何想法/建议都将不胜感激。