position:sticky介绍

今天我们来了解一个新的属性，据说是webkit nightly版本和chrome 开发版(Chrome 23.0.1247.0+ Canary)才支持它。（如果同时定义了left和right值，那么left生效，right会无效，同样，同时定义了top和bottom，top赢～～）

position:sticky是一个新的css3属性，它的表现类似position:relative和position:fixed的合体，在目标区域在屏幕中可见时，它的行为就像position:relative; 而当页面滚动超出目标区域时，它的表现就像position:fixed，它会固定在目标位置。

应用场景的话，我觉得一般顶部的导航啊 或者是搜索框用这个属性会比较合适。

用法：目前来说还是需要写私有前缀

.sticky {

　　position: -webkit-sticky;

　　position:sticky; top: 15px;

}