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

Question

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

如何重现:

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

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

这绝对是移动Safari的bug(没有js代码负责滚动),但我找不到合适的解决方法.

这可以通过这里提出的CSS来修复:

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

但它打破了其他的东西(例如,window.scrollY/$(window).scrollTop())所以我不能使用它.

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