如何始终打开被单击元素下方的contextMenu？

Question

我试图在单击某个元素时打开contextMenu，并且希望始终在该元素下方将其打开。

$.contextMenu({
    selector: '.FlagsContexMenu',
    trigger: 'left',
     position: function (opt, x, y) {
        opt.$menu.position({
            my: 'right top',
            at: 'right bottom',
            of: opt.$trigger
         });
    }
});

我需要按如下所示打开它：-

有时，如果网页的滚动条位于末尾，则根据网页的滚动条的位置打开，如下所示：

无论网页滚动条的位置如何，我如何都能获得第一个结果？