0

私の現在のWebプロジェクトでは、jScrollPaneというライブラリでスクロールバーを変更しようとしています。

スクリプトは jspContainer を適用して生成しますが、div jspVerticalBar がありません。最初に、スクリプトを .load でロードしたときに問題が発生したと思いました。しかし、ロードされているview.htmlにscriptタグを配置しました。

もう 1 つの問題は、別のビューに移動してフロント ページに戻ると、スクリプトが間違った幅のコンテナーを生成することです。コンテナの内容がオーバーフローによって見えなくなるほど小さいです:hidden。

なぜこれが起こるのか誰にも分かりますか?私は何か間違ったことをしましたか?これで私を助けてもらえますか?

必要な情報は次のとおりです。

@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. コンテナーには、overflow:auto; が必要です。(または少なくともoverflow-x:hidden;overflow-y:auto;)
  4. jScrollPane を適用せずに通常のスクロールバーを表示する必要があります

    重要

  5. それでも問題を解決できない場合は、追加のチェックポイントを 1 つ示し
    ます。jScrollPane が適用されているコンテナにコンテンツを動的に追加していますか?
    上記の質問に対する答えが「はい」の場合、jScrollPane の reinitialise() API を検討し、コンテンツを動的に追加した後に使用してください。
    上記の API は SPA に非常に役立ち
    ます。詳細と例については、http: //jscrollpane.kelvinluck.com/dynamic_content.htmlを参照してください。

于 2013-10-18T01:53:54.947 に答える