Sticky Headers
在实际业务中经常碰到页头固定在浏览器的顶部,而在移动端上使用position:fixed
坑多难搞。记得EFE团队分享过一篇《Web移动端Fixed布局的解决方案》博文,就是介绍如何解决移动端上实现页头固定的技术方案。除了文章中介绍的方案之外,@Brad Frost也推荐了几个JavaScript的解决方案,比如iScroll 4和Scrollability。使用fixed
是一种固定页头的,但很多时候是希望实现Sticky Header的效果,说到这里大家可能会想起position
新增的属性值sticky
。虽然这个能实现我们想要的效果,但这个属性的支持性还是需要等待一段时间。
大漠
阅读全文