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

我有下面这样的代码

我正在尝试做一个ulli的下拉列表，在其中我可以滚动并通过enter选择元素。现在，如果页面高度更像我给出的示例，ulli上的滚动也会滚动页面。我如何防止这种情况

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

---

您应该使用

max height

属性

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

更新1：

使用

max height:auto

---

：）。这只是一个例子来说明我的问题。我的页面实际上很大。所以我把最小高度放在复制问题上，你不想滚动超过页面宽度，也不想滚动初始值吗？使用

max-height:auto

可能是您可以删除newMarginBottom css并查看滚动下拉列表的行为。你会知道的。你的期望是什么我很困惑。显然，当我使用向下箭头键在下拉列表中滚动时，当它到达最后一个li元素时，当页面中没有滚动条时，它会返回到第一个元素。这是对的。当页面上有一个滚动条时，即使当我按下向下箭头键时最后一个li元素被按下，页面也会继续向下移动。希望我现在明白了。下拉列表的问题scrolling@yurzui-工作完美！！有什么问题吗。找不到更改。我从处理程序返回

false

（向下键）=“！！eventHandler（$event）”注意

。当我固定ul元素的高度并添加滚动条时，您还可以使用
event.preventDefault（）。键盘事件不会滚动它。有办法解决吗？