3

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

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

  1. 需要滚动内容时会出现滚动条
  2. 当您悬停或单击名称时，左侧会出现一个弹出框

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

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

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 Drill Down Ipod Menu

于 2013-03-24T20:18:20.987 回答