css返回顶部按钮设置成相对定位还是绝对定位呢？

Question

如题，面试的时候。我回答是相对定位，但是网上好像说设置成绝对定位，脱离文档流。请问是可选的吗？还是基本都是绝对定位呢？

Answer 1

定位元素（positioned element）是其计算后位置属性为 relative, absolute, fixed 或 sticky 的一个元素（换句话说，除static以外的任何东西）。
相对定位元素（relatively positioned element）是计算后位置属性为 relative 的元素。
绝对定位元素（absolutely positioned element）是计算后位置属性为 absolute 或 fixed 的元素。
粘性定位元素（stickily positioned element）是计算后位置属性为 sticky 的元素。

Answer 2

绝对定位，因为当你页面往下滚动的时候，这个按钮需要一直定在页面的固定位置不动，所以需要一个fixed来做一个固定的效果，可以参考 https://element.eleme.cn/#/zh-CN/component/backtop，用相对定位做不到这个效果。

Answer 3

基本都是固定定位，通过判断滚动高度判断是否显示。

Answer 4

固定定位 fixed

Answer 5

原则上是要设为 fixed ，相对于窗口定位，始终固定在一个地方。
实现上，PC端没有问题。但是在移动端 fixed 的表现不一致，问题在 Safari 上尤其突出，一搜一大堆吐槽和解决方案，几乎所有的解决方案都指向一个答案——absolute。
当然，作为“回到顶部”按钮，面试的时候顺便说一下最好仅在滚动发生后才显示，回到顶部后自动隐藏，算是一个加分项。