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

Question

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

如何重现：

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

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

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

这可以通过遵循此处建议的 CSS 来解决：

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

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

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