有没有足够聪明的jquery上下文菜单插件来处理窗口边框？

Question

我看过UIkit和其他一些jQuery上下文菜单插件，但它们的行为都是这样的：

​

​

正如你所看到的，实际的div与菜单呈现在窗口之外，所以有价值的内容是不可见的。

有没有办法让弹出的div (比如div有id menu)在没有足够的空间时使用jQuery (意思是当它不适合当前窗口边框时向左移动，这样它就会出现在需要的地方)：

​

​

Answer 1

我倾向于使用this plugin。它将自动调整位置以始终停留在视口中

Answer 2

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

在“按下鼠标右键”事件期间，如果x/y太靠近屏幕边缘，只需捕获并操纵它。并将其“更正”为正确的值；

以下是pesudo代码。

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

Answer 3

在我们的一个项目中，我们使用this one作为上下文菜单。工作正常。