哪些浏览器支持，可以查看：caniuse
用这个属性，主要是ios下的safari已经支持了，在ios下可以免去js模拟，效果更平滑。
在移动端模拟sticky效果，还是非常蛋疼的，需要同时监听touchmove和scroll事件，页面惯性滚动时会有一定的延迟（scorll事件在滚动停止才触发），同时移动端对fixed定位支持也不大好。JS实现，效果还是大打则扣。
关于这个position:sticky的介绍，可以google一下，网上有很多介绍了，比如神飞的《position:sticky介绍》。
今天主要讲的是，position:sticky的使用条件，很多同学经常遇到position:sticky失效的情况，今天对sticky这个属性做了一番调试，总结了一些规律。现分享下。
俗话说，弄不清楚原理，就熟记结论也是一样的，那就先抛结论，sticky满足以下条件才能生效：
1、具有sticky属性的元素，其父级高度必须大于sticky元素的高度。
2、sticky元素的底部，不能和父级底部重叠。
3、sticky元素的父级不能含有overflow:hidden 和 overflow:auto 属性
4、必须具有top，或 bottom 属性。
同时要注意，sticky元素仅在他父级容器内有效，超出容器范围则不再生效了。
