Jquery 想在我滚动背景页面时固定模型弹出窗口的位置吗

我正在使用bootstrap询问模型弹出位置。我在这里列出了我的模型弹出信息

1） 我有模型弹出窗口。我在模型弹出窗口打开时启用了页面背景。 2） 当模型弹出窗口打开时，页面背景可能会滚动

现在的问题是，当我滚动背景页面时，我的模型弹出窗口会随着页面背景移动。

---

现在我想用背景中的文本框位置来固定模型位置。意思是当我滚动背景模型时，弹出窗口不应移动。不应该离开它的位置

请尝试以下样式

假设您的modal已超过modal css类

.outter-modal{
position:fixed;
top:50%;
margin-left:auto;
margin-right:auto;
}

---

我当前的css是.modal background{display:none；}.modal open{overflow:auto！important；}当我尝试时。outter modal{position:fixed；top:50%；margin left:auto；margin right:auto；}未工作，当我尝试时。modal open{位置：固定；顶部：50%；左边距：自动；右边距：自动；}我的背景卷轴已经消失了。我想要像fackbook一样的朋友搜索列表。像我的弹出窗口应该固定位置或与文本字段关联或绑定。当我向下滚动时，模型弹出窗口应该固定文本字段在模式内容中使用这些样式，如果你使用bootstrapif我使用样式化模型内容，那么它将固定我想要的模式对话框中的位置若要在我滚动主页背景时修复模型弹出窗口位置，则模型弹出窗口不应随页面移动。它应修复。您可以复制我的div结构吗？最好使用div结构回答您，而不是我假设某个内容并作出响应