1

SkyDrive でホストされている問題の例があります。

https://skydrive.live.com/redir?resid=E95AD09917EEFAD1!292&authkey=!APYwAoPQ0tprs-A

コンテンツを .NET WebBrowser コントロールに表示し、jScrollPane を使用してコンテンツをスクロール可能にしています。私が得ている問題は、大きなコンテンツが表示されているときに発生します。これらの問題は Chrome や Firefox では発生しないようですが、IE9 での例を見ると、これから説明することがわかるはずです。

問題 1 は、大量のコンテンツが右側にオーバーフローすることです。これの最も良い例は、最初にページを読み込んだときに、一番上の段落 (実際には表のセル) が右側にオーバーフローすることです。スクリーンショットは次のとおりです。

ここに画像の説明を入力

問題 2 は、何らかの理由でスクロール ペインの高さの計算が正しく機能せず、下に表示されているようにコンテンツが下部で切り取られていることです。

ここに画像の説明を入力

アップデート：

彼の答えは確かに解決策だったので、RedDevil79 に報奨金を授与することになりましたが、私のプロジェクトには white-space: pre-wrap が必要なので、単純に削除することはできませんでした。私の最終的な解決策は、「.freetext tr td」要素に word-wrap: break-word スタイルと、右スクロールバーの幅に一致する動的な padding-right を追加することでした。

4

1 に答える 1

0

右側のオーバーフローの問題は、空白を使用しているためです。コンテンツに pre-wrap を使用しているため、それを削除すると問題なく動作します。次のように、オブジェクトを破棄して再度初期化しようとしない場合、これにより高さの問題も修正されるはずです。

var ele = $('#Outer').jScrollPane(scrollSettings);
scrollAPI = ele.data('jsp');    
scrollAPI.destroy();
ele = $('#Outer').jScrollPane(scrollSettings);
scrollAPI = ele.data('jsp');

編集：

オブジェクトを初期化するときにこれを使用すると、コンテンツが変更されるたびに破棄して再構築する必要がなくなり、おそらく高さの問題が修正されることがわかりました。

$("#Outer").jScrollPane({
    autoReinitialise:true,
    autoReinitialiseDelay: 1
});
于 2013-02-27T11:17:03.540 に答える