https://www.tesla.com/charging用于页脚的方法是什么?

时间:2017-06-20 07:59:18

标签: javascript jquery html css

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

https://www.tesla.com/charging似乎能够处理地址栏自动隐藏,同时在Chrome移动版和Safari中保持页脚的位置。

有人熟悉这种类型的东西并能够解释他们是如何以编程方式进行的吗?

编辑:我看到位置:固定;底部0px;被评论为正确的方式,但我是否正确,假设唯一的方法是.body {height:100%;}或者有问题的页面或其他页面是否使用其他方法?

蒂亚

1 个答案:

答案 0 :(得分:1)

它似乎是一个有透明度的粘性页脚。正如其他人所提到的那样,它使用属性position: fixed; and bottom: 0;粘贴在底部。

我让iPhone进行了测试。