https://www.tesla.com/charging对页脚使用的是什么方法？

Question

我一直在研究如何拥有一个始终显示的页脚。

https://www.tesla.com/charging似乎能够处理地址栏自动隐藏，同时在Chrome mobile和Safari中保持页脚不动。

是否有人熟悉这类事情，并能够解释他们是如何通过编程来做到这一点的？

编辑:我认为position:fixed；bottom 0px；被注释为正确的方式，但我是否应该假设唯一的工作方式是高度{ .body :100%；}，或者有问题的页面或其他页面使用其他方法？

提亚

Answer 1

它看起来像是一个带有一些透明度的粘性页脚。正如其他人所提到的，它使用position: fixed; and bottom: 0;属性粘在底部。

我制作这个jsfiddle是为了测试一下。