是否可以使用right和top属性设置popover位置？

Question

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

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

在极右端，popover disappers（我删除了文本换行并滚动页面）。我认为设置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
});