是否可以使用 right 和 top 属性 设置弹出窗口位置？

Question

我在甘特图中使用 Bootstrap 弹出框。我正在根据鼠标悬停位置动态设置弹出窗口的位置。

popover.css('left', event.pageX + 'px');
popover.css('top', event.pageY+ 'px')

在右边的极端，弹出窗口消失了（我已经删除了页面的文本换行和滚动）。我认为设置 right 而不是 left 可以单独解决右边缘的这个问题。

popover.css('right', event.pageX + 'px');
popover.css('top', event.pageY+ 'px');

但这不起作用。任何人都可以帮助它。如果我的想法是错误的，有没有更好的方法呢？

Answer 1

设置 left 的位置时，请确保不要超出页数限制。

popover.css({
    left: event.pageX + popover.outerWidth() + 10 < $(window).width()
          ? event.pageX
          : $(window).width() - popover.outerWidth() - 10
});