0

JScrollPane を使用してスクロールバーのスタイルを設定しています。ただし、ajax を介してコンテンツを読み込む必要があります。

コンテンツが高さを超えた場合、JSrollpane はスクロールバーを自動的に追加しません。

誰でもこの問題の回避策を提案できますか?

2 つの例があります。テスト ブロック #1 は JScrollPane を使用し、テスト ブロック #2 はデフォルトのスクロールバーを使用します。

いずれかのテスト ケースの赤いボックスをクリックすると、それに応じてサンプル コンテンツが追加されます。デフォルトのスクロールバーは自動的に調整されますが、コンテンツが追加されても jscrollpane は調整されません。

4

1 に答える 1

0

興味のある方へ...

解決策は実際には面倒なほど単純です。要素にコンテンツがロードされるたびに、目的の要素で jscrollPane() 関数を呼び出すだけです。

すなわち:

$('div#block-block-1 div.content').jScrollPane();

    $('div#block-block-1 div.content').click(
        function(){
            $(this).text( $(this).text() + "Pellentesque eget diam enim; et mattis nullaPellentesque eget diam enim; et mattis nulla." );
            $(this).css('text-indent', '0');
            $('div#block-block-1 div.content').jScrollPane();
        }
    );

JScrollPane は、最初に div.content に適用され、クリック イベントに応答してさらにコンテンツが読み込まれるたびに適用されます。このようにして、カスタム スクロールバーが自動的に調整されます。

それが誰かを助けることを願っています。

于 2011-07-07T08:56:01.743 に答える