我有一些内容被包含溢出设置为滚动的div包装。在div中,我有一排引导下拉按钮。当你到达最靠近div底边的下拉按钮时,下拉区域被div滚动条隐藏。
有没有办法让滚动条上方显示下拉列表?感谢。
更新 我添加了一个非常简单的小提琴,以显示当前正在发生的事情
CSS:
div.container
{
height: 200px;
overflow: auto;
}
table#fiddleTable th
{
white-space: nowrap;
}
答案 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)