position:sticky

position:sticky是一个新的css3属性，它的表现类似position:relative和position:fixed的合体，当目标区域在屏幕中可见时，它的行为就像position:relative;

而当页面滚动超出目标区域时，它的表现就像position:fixed，它会固定在目标位置。

用法：

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 15px;
}