Javascript 将弹出窗口放置在滚动溢出div中

我一直在尝试在scroll div容器中创建一个带有最少js的弹出窗口。溢出是不可避免的。正在查找有关放置弹出窗口的帮助，查找父对象的位置，位置：固定。（这应该是绝对的）

下面是HTML代码，该代码位于Overflow:Scroll容器中

    <span class="popover-wrapper right">
      <a href="#" data-role="popover" data-target="detailpop">...</a>
      <div class="popover-modal detailpop">
      <div class="popover-header"><%= item.name %>
      <a href="#" data-toggle-role="close" style="float: right">×</a>
      </div>
      <div class="popover-body">
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pretium eget enim et iaculis. Pellentesque dapibus id metus sit amet ultrices.</p>
</div>

---

如何根据屏幕上的点击定位弹出窗口。

您可以尝试将弹出窗口与可滚动div放在同一级别，并将两者都放在容器中。然后，您可以将弹出窗口绝对定位到容器中，可滚动div将100%显示为with和height，这可能会有所帮助

$(document).ready(function(){
$('a.d').bind('click', function (event) {
$('.popover-modal').css('left',event.pageX);      // <<< use pageX and pageY
$('.popover-modal').css('top',event.pageY);      // <<< also make it absolute!
});
});

$（文档）.ready（函数（）{
$（'a.d'）.bind（'click'，函数（事件）{
$（'.popover modal'）.css（'left'，event.pageX）//
$(document).ready(function(){
$('a.d').bind('click', function (event) {
$('.popover-modal').css('left',event.pageX);      // <<< use pageX and pageY
$('.popover-modal').css('top',event.pageY);      // <<< also make it absolute!
});
});