Javascript 可触摸的滚动条与Div大小不匹配

我正在尝试按照以下说明激活我的可手持实例的滚动条

但是，当我为handsontable容器指定overflow:hiddencss参数时。滚动条不会根据容器大小进行调整。即

#equipment {
  /* scroll bars do not show up */
  overflow: hidden;
  /* I have also tried setting the height and width properties as suggested by the link above as well but this also causes strange things to happen */
}

我已经创建了一个js小提琴。请参阅下面的链接

---

有人知道如何让滚动条按预期工作吗？

我不太明白。为什么不使用

溢出：auto

？因为在软件供应商的说明中说要使用“隐藏”！但你所说的似乎解决了大部分问题。但是，现在更改窗口大小时，会显示水平滚动条。有什么想法吗？这是

溢出：auto

的默认行为。当整个容器可见时，滚动条将不显示，因为没有可滚动的内容。如果您仍然希望显示滚动条，通常会使用

overflow:scroll

，但它对您的示例不起作用。我不太明白。为什么不使用

溢出：auto

？因为在软件供应商的说明中说要使用“隐藏”！但你所说的似乎解决了大部分问题。但是，现在更改窗口大小时，会显示水平滚动条。有什么想法吗？这是

溢出：auto

的默认行为。当整个容器可见时，滚动条将不显示，因为没有可滚动的内容。如果您仍然希望显示滚动条，通常可以使用

overflow:scroll

，但它在您的示例中不起作用。