jQueryのスクロールバーの間隔の問題

これは間違いなく初心者の問題ですが、スクロールバーとmainContentのテキストの間に間隔があります（おそらくパディングは間違ったプロパティですか？多分余白ですか？？）。私はjquery.jscrollpane.css（ここでは試行錯誤をしようとしています）に異なるCSSルールにパディングを追加しようとしていますが、スクロールバーはテキストから離れることはありません。jQueryのスクロールバーの間隔の問題

出典

2011-12-12 user1094458

htmlとjqueryを投稿できますか？ 'コード'ツールバーボタンを使用するか、4つのスペースをインデントして、コードを自動的にブロックして構文を強調表示することができます。 – mrtsherman

URLで十分ですか？ – user1094458

@ user1094458これは機能します。 –

あなたのコンテンツは<div class="jspPane" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 529px; top: -434.14428571428573px; ">に含まれているようですpadding-right:0;の代わりにpadding-right:5px;に変更することをお勧めします。

テキストを保持するためにHTMLに指定した内容を追加するか、#mainContentまたは.scroll-paneのどちらかとしてください。

出典

2011-12-12 20:28:02

ya私はfirebugを使い始めましたが、jquery.jscrollpane.cssファイルでこれらの行を見ましたが、私はそれを.jspPaneで見ていません。私はコピーして最初のあなたが私のことを見ることができるように、CSSファイルの37行： – user1094458

/* * jScrollPaneが正しく動作するために必要なCSSスタイル。 * *このスタイルシートをサイトに含めたり、以下のスタイルをコピーしてスタイルシートに貼り付けてください.jScrollPane *がなくても正しく動作しない場合があります。 */ .jspコンテナ { \tオーバーフロー：非表示; \t位置：相対; } .jspPane { \t位置：絶対; \tパディング右：5px; } .jspVerticalBar { \t位置：絶対; \tトップ：0; \t権利：0; \t幅：8px; \t高さ：100％; \t } 。jspHorizontalBar { \t位置：絶対; \t底部：0; \t左：0; \t幅：100％; \t身長：16px; \t背景：赤; } – user1094458

残念ながらコードの最後のコメントを無視してください....このコードブロックをご覧ください.... – user1094458

スクロールバーとコンテンツの両方が絶対的に配置されています。つまり、パディングやマージンを追加するだけで幅は広がりますが、相互に影響はありません。要素の実際の幅を変更する必要があります。次は動作するはずです。

.jspPane { width: 500px; }

アップデート、実際は動作しません。幅はインラインスタイルで指定します。これを手動で制御する場合は、自分で編集する必要があります。これがjscrollpaneによって設定されている場合は、コンテンツの幅を指定できるapiが必要です。

出典

2011-12-12 20:30:11 mrtsherman

jQueryのスクロールバーの間隔の問題

答えて

関連する問題