0

私は定期的にjQueryjScrollPaneプラグインを使用して、ページセクションにカスタムスクロールバーを追加しています。プラグインを使用して、ページのメインコンテンツ領域の垂直スクロールバーを表示したいという状況に遭遇しました。コンテンツの高さはさまざまである可​​能性があるため、この領域に固定の高さを指定することはできません。したがって、プラグインは、必要な場合でも垂直スクロールバーを表示しません。

問題のデモンストレーションのために、完全なHTML、CSS、およびJavaScriptコードをjsfiddle.netにアップロードしました。テキストが多い領域には、jScrollPane垂直バーが表示されますが、表示されません。.scroll CSSクラスに高さを追加すると、スクロールバーが表示され始めることを知っています。ただし、ユーザーごとに画面解像度が異なるため、コンテンツ領域の高さが異なり、コンテンツ領域の高さを指定できません。

4

2 に答える 2

0

必要なページの本文/セクションで必要な場合は、このcssを使用できます

overflow-y:auto;
于 2012-01-16T08:00:00.237 に答える
0

高さが指定されていないと、垂直オーバーフローは機能しません。スクロール可能な領域の高さはいつでも動的に設定できます。

$(document).ready(setScrollable());
$(window).resize(setScrollable());

function setScrollable()
{
   $('.scroll').css('height', $(window).height() - $('#header').height());    
   $('.scroll').jScrollPane();
}
于 2012-01-16T08:01:18.727 に答える