回到顶部按钮固定在右下 最后一条的收藏按钮点不到

列表滚到最底部，右下角悬浮的回到顶部按钮正好压住最后一条卡片的收藏图标，点几次都跳回顶部，用户反馈说收藏坏了。乍看像缓存或者权限的锅，追下去往往不是。

.post-list { padding-bottom: 96px; }
.to-top {
  position: fixed;
  right: 24px; bottom: 24px;
  z-index: 50;
}

追下去是这么回事：按钮是 fixed 定位，脱离文档流，不会给列表留出空间。列表容器底部没有额外内边距，最后一条的内容就落到了按钮下面。

碰到「回到顶部遮挡」这类问题，我习惯先把当前配置原样备份一份，改坏了立刻换回来，不用现场推。接口问题先分清是没发出去、发出去了没收到，还是收到了处理失败。

偶发问题先统计频率，一小时几次和一天一次，查法完全不同。

具体做法是，给列表容器加底部内边距，高度至少等于按钮直径加间距；滚到底部时把按钮隐藏或缩成小圆点，别一直占着那块位置；按钮的层级要低于弹窗，别让它盖住浮层里的操作。

验收就看一点，滚到列表末尾，最后一条的收藏按钮完整露出，能正常点击，回到顶部按钮仍可用。