3

問題が発生しています。シンプルな固定サイドバーを作成しています (右側の Facebook のサイドバーに似ています)

Facebook でサイドバーを操作すると 2 つのことが起こります

  1. コンテンツをスクロールする必要がある場合、スクロールバーが表示されます
  2. 名前にカーソルを合わせるかクリックすると、左側にポップオーバーが表示されます

ポップオーバーとオーバーフローの競合に問題があります。私が理解しているように、サイドバーをスクロールするには、オーバーフローを親 div でスクロールするように設定する必要があります。これにより、その外側に表示される要素が非表示になります。

Twitter Bootstrap を使用してサイドバーを作成し、JSFiddle here の実例を作成しました

http://jsfiddle.net/bNFAf/5/

私の例の問題は、アイコンをクリックして<i class="icon-cog icon-white"></i>をアクティブにすると、 divdropdown-menuに設定されたオーバーフローのためにアイコンが切り取られることです。#sidebar

これを機能させる方法についてアドバイスはありますか？可能であれば、jQuery を使用せずに CSS のみで行うことができれば、すばらしいことです。それ以外の場合は、jQuery が機能する可能性があります。

デモ - http://jsfiddle.net/bNFAf/5/

4

1 に答える 1

0

フィドル

これは、オプションがメニューの上に飛び出すように左に配置できるブートストラップ ポップオーバーを使用します。

$(document).ready(function(){

$('.icon-cog').popover({
    placement: 'left',
    html: 'true',
    trigger: 'click',
    container: 'body'    
});

});

JQueryドリルダウンIpodメニューを使用できます

于 2013-03-24T20:18:20.987 に答える