Javascript 如何将元素定位在表格可见区域的中间？

我有一个高度超过屏幕区域的表格，我想在表格中间放置一个特定的元素。当用户滚动窗口（不是表）时，元素应该在表的可见区域中间可见。使用CSS、JS或Jquery有没有具体的方法来实现这一点

使用

位置：固定

，并将

顶部和左侧

设置为

50%

，以将图元置于

中心

，调整

左侧边距

和

顶部边距

，同时考虑图元的

宽度

和

高度

。已修复{
位置：固定；
最高：50%；
左：50%；
左边距：-75px；
利润上限：-15px；
宽度：150px；
高度：30px；
背景：绿色；
边界半径：20px；
填充：10px；
}

Elem..Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






固定元件

使用

位置：固定

，并将

顶部和左侧

设置为

50%

，以将图元置于

中心

，调整

左侧边距

和

顶部边距

，同时考虑图元的

宽度

和

高度

。已修复{
位置：固定；
最高：50%；
左：50%；
左边距：-75px；
利润上限：-15px；
宽度：150px；
高度：30px；
背景：绿色；
边界半径：20px；
填充：10px；
}

Elem..Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






Elem..Elem..Elem..Elem..Elem..Elem。。






固定元素

位置：固定

请共享您的代码CSS和HTML，以便我们可以帮助您

位置：固定

，然后

左=（table.width/2）-（Element.width/2）

。对

top

位置：fixed

重复上述操作，请共享您的代码CSS和HTML，以便我们可以帮助您

位置：fixed

，然后

left=（table.width/2）-（element.width/2）

。对

top

重复上述步骤，创建覆盖层会不会不那么容易？将元素设置为桌子（或窗口）的100%高度和宽度，然后将其垂直和水平居中？（注意：使用z索引向前拉这个“覆盖层”）创建覆盖层会不那么容易吗？将元素设置为桌子（或窗口）的100%高度和宽度，然后将其垂直和水平居中？（注意：使用z索引向前拉动此“覆盖层”）

.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;/* Half of the width*/
  margin-top: -15px;/* Half of the height*/
  width: 150px;
  height: 30px;
}