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

Question

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

Answer 1

  

使用position : fixed并top and left作为50%，以获取center中的元素，调整margin-left和margin-top {{1} }}和width所考虑的元素。

height

＆＃13;

＆＃13;

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

＆＃13;

.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  margin-top: -15px;
  width: 150px;
  height: 30px;
  background: green;
  border-radius: 20px;
  padding: 10px;
}

＆＃13;

＆＃13;

＆＃13;