如果元素位于页面底部，jQuery ContextMenu 不会完全显示

Question

好吧，我想主题行已经解释了大部分内容，不过我会详细说明一下。好的，这是场景，

我有一个元素树(元素名称是从数据库中获取的，因此可以从无到 1000 个)，创建的每个元素都带有 contextMenu 功能(即，您可以右键单击它们以查看包含 4 个元素的 contextMenu) -5 个 Action )。现在，如果我上下滚动页面，它似乎工作正常，但有些页面没有滚动条(根据项目的要求)，因此，如果我单击最底部的元素来查看 contextMenu 中的操作列表，我看到的只是 contextMenu 的一半，剩下的一半超出了浏览器窗口的范围(请参见下图)，

我的问题是，有没有办法移动 contextMenu 的位置，使其始终保持在浏览器窗口的范围内。期待您的回复和帮助，

亲切的问候，

rac3B3nn0n

Answer 1

对于非常大的上下文菜单(> 50 个元素)，我也遇到了同样的问题。我解决的方法如下:

<style type="text/css">
  .limit-context-size { max-height: 300px; overflow-y: scroll; }
</style>
...
$.contextMenu({
...
  className: "limit-context-size",
...
});

这会导致菜单垂直滚动。 300px 是根据上下文菜单字体大小选择的。