popover postionをrightプロパティとtopプロパティで設定することはできますか？

Question

私はガントチャートでブートストラップポップオーバーを使用しています。マウスのホバーの位置に基づいてポップオーバーの位置を動的に設定しています。右側に

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

（私はページのテキストの折り返しやスクロールを削除した）ポップオーバーdisappersを両極端。私はleftの代わりにrightを設定すると、この問題が右端だけで解決されると考えました。

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