是否有任何jquery Context Menu插件智能处理窗口边界？

Question

我看过UIkit和其他一些jQuery Context Menu插件,但它们都表现得像这样:

正如您可以在窗口外看到带有菜单渲染的实际div,因此无法看到有价值的内容.

menu当没有足够的空间使用jQuery时(意味着当它不适合当前窗口边界时,自动向左移动以便它会使弹出div(例如div具有id )自动粘贴到右边界)出现在需要的地方):

Answer 1

这是一个应该可以实现任何弹出功能(上下文菜单/等)的建议:

在"鼠标右键"事件期间,只需捕获并操纵x/y,如果它太靠近屏幕边缘.并"纠正"它到正确的价值;

以下是pesudo代码.

if( pos.x <= menu.width ) {
    pos.x = menu.width;
} else if( pos.x >= screenWidth - menu.width ) {
    pos.x = screenWidth - menu.width;
}