jspContainer中缺少div jspVerticalBar

Question

在我当前的Web项目中,我尝试使用名为jScrollPane的lib更改滚动条.

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

另一个问题是当我转到另一个视图并返回到首页时,脚本会生成错误的容器宽度.它是如此之小,以至于容器的内容被溢出:隐藏.

有谁知道为什么会这样？我做错什么了吗？你能帮我解决这个问题吗？

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

@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>

实例:链接

Answer 1

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

检查点:

1. 容器必须具有固定宽度(或至少最大宽度)
2. 容器必须具有固定的高度(以像素为单位,例如200px,250px)
3. 容器必须有溢出:auto; (或至少overflow-x:hidden; overflow-y:auto;)

4. 必须出现常规滚动条而不应用jScrollPane

   重要

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