防止在ul li下拉列表外滚动

Question

我有一个如下代码

https://plnkr.co/edit/LG8cOx?p=preview

我正在尝试下载ul li，我可以滚动并按Enter键选择元素。现在，如果页面高度更像我给出的示例，则ul li上的滚动也会滚动页面。我如何防止这种情况？

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

Answer 1

您应该使用max-height属性

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

更新1：

使用max-height:auto

时，可以解决

箭头键问题

<强> Updated plunker