Div隐藏在包含div滚动条和溢出的下方:滚动设置

时间:2013-11-23 20:58:24

标签: javascript jquery html css twitter-bootstrap

我有一些内容被包含溢出设置为滚动的div包装。在div中,我有一排引导下拉按钮。当你到达最靠近div底边的下拉按钮时,下拉区域被div滚动条隐藏。

Dropdown Div hidden underneath container div scrollbar

有没有办法让滚动条上方显示下拉列表?感谢。

更新 我添加了一个非常简单的小提琴,以显示当前正在发生的事情

CSS:

div.container
{
    height: 200px;
    overflow: auto;
}

table#fiddleTable th
{
    white-space: nowrap;
}

http://jsfiddle.net/Gnex/8GAc3/

2 个答案:

答案 0 :(得分:1)

我试图解决同样的问题,这对我有用:

$(".dropdown-toggle").click (e) ->
menu = $(this).next(".dropdown-menu")
menuPositionY = e.clientY + menu.height() + 180
#check if dropdown exceeds the Y coordinate of viewport
if $(window).height() < menuPositionY
  menu.css
    top: "auto"
    bottom: "100%"
else
  menu.css
    bottom: "auto"
    top: "100%"

检查更新的jsfiddle:http://jsfiddle.net/8GAc3/6/

答案 1 :(得分:0)

您可以使用CSS重新定位下拉菜单..

.dropdown-menu{
    left:40px;
    top:-10px;
}

Bootply