Возможно ли установить попозиционную позицию с правом и верхним имуществом?

Question

Я использую Bootstrap popover в диаграмме gantt. Я устанавливаю положение popover динамически на основе положения наведения мыши.

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 
});