固定定位实现吕形布局

1. 前言

吕形布局的上栏通常是不会消失的，它会一直存在在屏幕上，将上栏固定在屏幕的特定位置，然后下栏添加合适的上边距。

一听到要把什么东西固定在屏幕上的话，那么第一时间脑海里反应出来的应该就是固定定位。

2. 实例代码

运行结果：

为了能让大家清晰的看到滑动效果，这个案例使用了 chinese-gradient 来做背景渐变色。

3. 小结

大家在做这个案例的时候最好在元素内写上一些文字或者填充一些渐变色来获得更清晰的显示效果。

下一小节我们来讲讲为什么要在下面的 DOM 元素上写一个上边距。