Javascript 如何使以下绝对定位模式始终显示在中心（无论用户滚动到何处）？

我不能使用position fixed，因为我的应用程序现在应该嵌入到网站中，大小是800px 800px。所以我用的是位置：绝对。但是，如果用户滚动到底部的次数过多，如果模式出现在应用程序的顶部，他将看不到它

所以，我做了这个：

// vreditor-sdk is the outermost container
const currentScrollTop = document.querySelector('.vreditor-sdk').scrollTop
this.emement.style.top: currentScrollTop

无论用户在何处滚动，这都会使模式如下所示：

<>但是如何使模式出现在800 px x800 px容器的中间，而不管用户滚动到哪里？

使用位置：固定；然后，您不需要使用javascript来定位它

.vreditor-sdk {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}

.内容{ 高度：5000px； } .vreditor sdk{ 位置：固定； 最高：50%； 左：50%； 转化：translateY-50%； 转化：translateX-50%； 背景：灰色； 填充：20px； } 弹出 你可以这样用

html{ 位置：绝对位置； 身高：100%； 溢出：隐藏； } 身体{ 身高：100%； 溢出：自动； } .vreditor sdk{ 位置：绝对位置； 颜色：fff； 背景：ff0000； 填充：10px； 左：50%； 变换：平移-50%，0； } 绝对固定 Lorem ipsum dolor sit amet，是一位杰出的献身者。Proin risus nunc，hendrerit vel suscipit坐在amet，Pat坐在purus。这是一个非常好的例子。Donec pellentesque diam urna，malesuada libero ornare eu。Phasellus finibus tempor fringilla。埃涅厄洛斯东部，生命之门，普尔文纳自由女神。金樱子。但是，我们需要的是知识和生活。三叶草、芦丁精华、青蒿素、白藜芦醇、白藜芦醇、白藜芦醇。在quam eu congue的Sed效率。努克·马蒂斯·马萨坐在阿梅特·蒂奇蒙特·卢克图斯身边。黄盲蝽。猫科动物秃鹫的前庭位于tellus。 这是一种非常有效的猫科植物。Nam rhoncus scelerisque turpis a malesuada。这是一只猫科动物。酒后驾车时的相位变化。Suspendisse坐在amet elit cursus，sodales dui ac，sodales nunc。马萨·弗林蒂利亚·拉奥里特是一位杰出的国际顾问。莫里斯·乌尔纳·利奥（Mauris urna leo）、苏西比特·维塔·迪亚姆（suscipit vitae diam in）、马格纳（porttitor consequat magna）。Nam euismod feugiat nibh。佩伦茨克和法雷特拉·安特，维塔·森佩尔·胡斯托。前庭ac IPS nec lorem rhoncus non nec turpis有效。普鲁恩·奎斯·维利特·福西布斯，欧洲帝国，比本杜姆·努克。元素前体和时间后体。佩伦特斯凯说，我们的生活充满了乐趣。奎斯克·图尔皮斯·努克，拉齐尼亚·达格尼西·萨皮安·迪德，亨德雷特·法利西斯·马萨。 狮子座的人，坐下来吧。这是一个很好的例子。Morbi rhoncus pellentesque odio，非骚扰智人luctus quis。Donec id libero arcu。同侧尊严的生活。Lorem ipsum dolor sit amet，是一位杰出的献身者。奥迪奥·洛雷姆，索利西图丁，拉齐尼亚拍卖人利奥。纳拉姆·拉奥里特·布兰迪·莫里斯，非佩伦特式同侧脸。 请不要把效率视为一种尊严。这是一个很好的例子。纳拉姆·菲尼布斯，奥奇在比本杜姆ultricies，莱克特斯·奎姆·坦普尔，在奥迪奥的乌尔普塔特·奎姆·埃吉特·奥迪奥。Donec Elite est，luctus eget tellus ac，venenatis convallis lorem。这是一个很好的例子。Suspendisse拍卖人mollis velit non semper。南梅特斯乌尔纳，欧洲的生命，比本杜姆·弗里利亚·奥古斯。Fusce luctus neque eu Vehiclula finibus。ultricies或eu-lorem pharetra dapibus。前庭在手术前是一个完整的前庭。Lorem ipsum dolor sit amet，是一位杰出的献身者。 前智者，非男性。南坦波斯，普尔维纳尔的厄洛斯，奥古斯特·泰勒斯的封建主义传说，我是毛里斯·拉库斯的新厄洛斯。在马蒂斯尼索的CRA，nec consequat ligula。Mauris arcu odio、tristique vel eleifend a、发酵液非nisl。无尾猫是一只小猫咪。在urna aliquam viverra进行临时酒后驾车。埃尼安·埃格特·埃格斯塔斯·尼布。我的前庭有一个小洞。

---

我不能使用固定位置。