防止滾動到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時可以解決箭頭鍵問題

更新的插頭