无法在Bootstrap模式内的可滚动区域内滚动

Question

我有一个bootstrap模式，在模态中有一个可滚动区域。如果我在可滚动区域内滚动，它会完美滚动。如果我滚动到可滚动区域之外，没有任何反应，这是正确的。

问题是，如果我滚动到可滚动区域之外，然后快速返回可滚动区域，则可滚动区域不会滚动。 观看视频：www.youtube.com/watch?v=S9kiPTnt4e0

在另一个视频中：www.youtube.com/watch?v=epansufGEuY我在Web检查器中选择了模式后面的.modal-backdrop div，并在模态中滚动到可滚动区域之外，正如您可以看到.modal-backdrop仍在滚动，但不是肉眼。当我选择身体时会发生同样的事情 - 身体元素的行为方式相同。

我认为这导致了这个问题，因为一旦动量滚动停止，用户就可以再次滚动模态内的可滚动区域，但是如果你向外滚动然后快速向内滚动，它仍然认为你正在滚动.modal背景。

有没有人对如何解决此问题有任何建议。我有位置：固定和溢出：隐藏在身体上，这解决了当你滚动模态'问题时'后退滚动'，但这个问题是不同的，并且让我难过。

Answer 1

试试这个

.modal-content {
  overflow-x: scroll;
  overflow-y: auto;
}

Answer 2

事实证明这是Bootstrap中的一个错误，它已在最新的Bootstrap 4 Alpha 5版本中得到修复。