Question

我遇到了一个问题。我正在创建一个简单的固定侧边栏（类似于右侧的Facebook侧边栏）

在Facebook中，当您与侧边栏交互时，事情就会发生

1）当需要滚动内容时，会出现滚动条 2）当您悬停或点击名称时，左侧会出现一个弹出窗口

我遇到溢出的popover冲突问题。从我理解的东西到侧边栏滚动溢出必须设置为在父div上滚动，这隐藏了出现在它之外的任何元素。

我正在使用Twitter Bootstrap来构建我的侧边栏并在这里创建了一个JSFiddle的工作示例

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

我的示例的问题是，当我点击图标<i class="icon-cog icon-white"></i>来激活dropdown-menu时，由于#sidebar div上的溢出设置，它会被切断。

有没有人对如何使这项工作有任何建议？如果可能没有jQuery和CSS，很棒！否则jQuery可以工作..

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

Answer 1

Fiddle

这使用bootstrap popover，它允许向左定位，以便选项在菜单上飞出。

$(document).ready(function(){

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

});

您可以使用JQuery Drill Down Ipod Menu

如何使用Bootstrap为点击的元素创建带有滚动和溢出的Facebook固定边栏？

1 个答案: