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

好吧,我想主题行解释了大部分内容,但我还是会详细说明一下.好的,这是场景,

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

我的问题是,有没有办法移动contextMenu的位置,以便它始终保持在浏览器窗口的范围内.
期待您的回复和帮助,

亲切的问候,

rac3B3nn0n

解决方法

对于非常大的上下文菜单(> 50个元素),我遇到了同样的问题.
我解决了如下：

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

这会导致菜单垂直滚动.根据上下文菜单字体大小挑选300px.