1

まず、この質問はおそらく何度か聞かれると思いますが、レイアウトは人それぞれです！

マッピングアプリケーションと左側のツールバーがあります。このツールバーにはjqueryタブがあります。これらのタブにスクロールバーが表示されません。オーバーロードした後でも.ui-tabs-panel。ここに追加するだけでheight:somepxスクロールバーが表示されることはわかっていますが、それは私が望んでいることではありません。常にずっと下まで高さを上げたいです。私はいくつかのことを試しましたが、何も機能しません:(

レイアウトを流動的に保つために存在する他のレイアウトプロパティ（マップを画面サイズに合わせて調整し、左側のサイドバーを一定に保つ）が原因であると思われます。

Jsbinの簡略版は次のとおりです。

http://jsbin.com/exeguw/edit#source

誰かが私が垂直スクロールバーを手に入れるのを手伝ってくれませんか？

ありがとう！

4

2 に答える 2

1

これを試してください http://jsbin.com/exeguw/9/edit#javascript,html,live

于 2012-07-03T07:23:14.043 に答える
1

タブの作成後にタブdivを#mapdivの高さ（タブヘッダー用に調整）に設定すると、オーバーフローが発生し、コンテンツがスクロール可能になります。

javascript：

function ResizeTabs() { 
   $("div.scroll-tab").height($("#map").height() - 80);
}

$(function() {
   $(window).resize(ResizeTabs);
   $('#tabs').tabs({
     create: ResizeTabs
   });
});

jsBinを更新しました。

編集：ウィンドウのサイズ変更も処理するようになりました！

于 2012-07-03T16:57:33.157 に答える