的UL李下拉

的UL李下拉

问题描述：

以外防止滚动我有一个像下面的UL李下拉

我试图让UL里的下拉列表，在其中我可以滚动并选择通过输入元素的代码。现在，如果页面高度更像在我给出的示例中，那么ul li上的滚动条也会滚动页面。我如何防止这种情况？

.newMarginBottom { 
    min-height: 1100px; 
    border:1px solid red; 
}

HTTPS ：//plnkr.co/edit/ZHOIDP？p =预览 – yurzui

@yurzui - 完美的作品！什么是修复。无法找到变更。 – Hacker

我从处理函数'（keydown）=“!! eventHandler（$ event）'''''''''返回'false'。你也可以使用'event.preventDefault（）' – yurzui

答

您应该使用max-height财产

.newMarginBottom { 
    max-height: 1100px; 
    border:1px solid red; 
}

更新1：

箭头键问题可以在您使用解决max-height:auto

:)。这只是一个例子来展示我的问题。我的页面实际上很大。所以我把分高度复制问题 – Hacker

，所以你不想滚动超出页面宽度，并在最初呢？使用'最大高度：自动' – Aravind

也许你可以删除newMarginBottom css，看看下拉滚动的行为是如何。你会知道的。 – Hacker