0

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

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

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

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

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

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

活生生的例子：链接

4

1 回答 1

7

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

检查点：

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

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

    重要的

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

于 2013-10-18T01:53:54.947 回答