Javascript 当div为display none时，jquery ui滑块滚动条不工作

我使用display:none隐藏滚动窗格div

单击“打开”时，将显示滚动窗格div，该div底部的滚动条无法正常工作

$("#open").click(function() {
    $(".scroll-pane").show();
});

如果我不显示：无；在滚动窗格div css上，它显示div，滚动条工作正常

下面是一个JSFIDLE，向您展示了它是如何工作的：

这里有一个正在运行，但我不得不对显示进行注释：无

---

不要使用display:none，而是尝试使用visibility:hidden或$（“div”）.hide（）；取而代之。

它在这里工作：

---

使用具有

可见性：hidden

的类，并使用

removeClass（）

将其删除。这允许jQuery正确地计算样式，但将其隐藏。

尝试了这两种方法后，.hide（）的作用与display相同：无；当我单击“打开”时，滚动条无法正常工作。你能做一个JSFIDLE吗？让它工作起来，我需要在单击链接时运行此函数，直到那时：我明白了，我需要围绕滚动条的大小包装打开按钮单击事件，如下所示：

display: none;

/* display: none; */