是否可以使用 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
});