0

jQuery の jScrollPane プラグインを使用したスクロールバーがあります。

スクロールバーは機能し、すべてのコンテンツは AJAX を使用しているため、「ページ」の読み込みごとにスクロールバーの再初期化を追加します。ただし、コンテンツがページより短い場合、スクロールバーは表示されません。

これにより、コンテンツ用に 10 ピクセルの余分なスペースが発生し、アイテムが使用可能なスペースを 100% 使用していると煩わしくなります。

コンテンツが利用できない場合でもスクロールバーを表示する方法を知っている人はいますか? または、スペースを予約する別の CSS の方法も問題ありません。

4

2 に答える 2

1

この機能がjScrollPaneに追加されるまで、これを修正するために利用できる汚いトリックしかないと思います。私がしたことは、スクロールが有効になっているかどうかをjScrollPaneに尋ねることでした。そうでない場合は、空の/無効なスクロールバーのように見えるdivを追加しました。これはコードです：

var scrollPane = $("#id-of-scroll-area");
scrollPane.css("height", "100%"); // I needed this; you may not
var scroll = scrollPane.jScrollPane();
// check if scrolling is enabled
if (!scroll.data('jsp').getIsScrollableV()) {
  scrollPane.css("overflow-y", "hidden");
  scrollPane.css("width", leftPane.width() - 10); // 10 is width of scroll bar
  scrollPane.after('<div id="white-v-bar">&nbsp;</div>');   
}

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

これは、ダミーのスクロールバーのCSSです。

#white-v-bar {
 height:100%;
 width:10px;
 background-color:white;
 float:left;
}
于 2011-08-25T10:26:39.033 に答える
1

誰もより良い解決策を見つけられない場合、

jScrollPane プラグインを変更して、常に「トラック」バーを表示し、スクロールバーを非表示にする場合 (コンテンツがビューよりも小さかったため)、「ドラッグ」バーも追加しなかったと既に言えます。あまりきれいなオプションではありませんが。

それをさらに進めて、上下ボタンを無効/再度有効にし、無効になっているときにホバー/アクティブ状態を行わないようにcss機能を追加する必要があります...使いやすさを向上させます。

可能なより良い解決策をまだ楽しみにしていますが、すぐに使えるものはおそらくないので、唯一の可能な解決策を思いついたと思います

于 2010-07-25T01:10:57.507 に答える