javascript - jspContainer 内缺少 div jspVerticalBar

Question

在我当前的网络项目中，我尝试使用名为 jScrollPane 的库更改滚动条.

脚本应用并生成 jspContainer，但缺少 div jspVerticalBar。首先，我认为脚本在使用 .load 加载时出现了问题。但我将脚本标记放置在正在加载的 view.html 中。

另一个问题是当我转到另一个 View 并返回首页时，脚本会生成错误的容器宽度。它是如此之小，以至于容器的内容因溢出而变得不可见:隐藏。

有人知道为什么会发生这种情况吗？我做错什么了吗？你能帮我解决这个问题吗？

以下是您可能需要的所有信息:

@import url("sbar.css"); /*in main.css*/

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/vendor/mwheel.js"></script>
<script src="js/vendor/jscrollpane.js"></script>
<script src="js/main.js"></script>

<script>
$(document).ready(function() {
    $(".scroll-pane").jScrollPane(); // in startseite.html
});
</script>

实例:Link

Answer 1

我知道我来不及回复，但只是想其他像我一样来这里只是为了寻找问题答案的人可能会得到一些帮助

检查点:

1. 容器必须具有固定宽度(或至少有最大宽度)
2. 容器必须具有固定高度(以像素为单位，例如 200px、250px)
3. 容器必须具有溢出:自动； (或至少溢出-x:隐藏；溢出-y:自动；)

4. 在不应用 jScrollPane 的情况下必须出现常规滚动条

   重要

5. 如果您仍然无法解决问题，那么这里有一个额外的检查点:
   ？您是否动态地将内容添加到应用 jScrollPane 的容器中？
   如果上述问题的答案是肯定的，那么请考虑jScrollPane的reinitialise() api，并在动态添加内容后使用它。
   上面提到的 api 对于 SPA 非常有用
   欲了解更多信息和示例，请访问: http://jscrollpane.kelvinluck.com/dynamic_content.html