浮动按钮下的动态内容

Question

根据从服务器获取的数据，我有一个可变行数的表 如果表包含多于X行，则它变为可滚动 我想添加“浮动”按钮

• 如果要滚动的行太少，可以作为假的最后一行
• 如果表格可滚动，则Ovelays最后一行

我在React中这样做，并且能够获得表格最后一行的坐标 例如 let nodeBoundaries = document.getElementById('id').getBoundingClientRect()

但我无法用css定位它

我尝试过的是：

let rect = document.getElementById('lastRow').getBoundingClientRect()
    <div style={
      {'position' : 'fixed', 
      'left' : rect.left + 'px',
      'top' : rect.top+'px', 
      'height' : '20px', 
      'width':'50px', 
      'backgroundColor' :"red"}}>BUTTON </div>
      }

Answer 1

正如汤姆所说，你可以试试这个，如果桌子高度大于X你就可以将按钮样式更改为符合你需要的另一个属性。

我还想指出FLEXBOX。 IMO，一种更清洁的方式来实现这一目标。