position：sticky是css的新属性，意思是粘性定位，主要用于正确的 scroll 在事件监控方面，在滑动过程中，某一元素与其父元素的距离达到 sticky 要求时(例如，在下图中的红色盒子中添加样式position:sticky; top:20px)；然后红盒向上滚动，当距离父元素的距离达到20px时，就会固定到合适的位置，效果是relative与fixed的完美结合。
新属性的应用非常广泛，每个人都喜欢从好事中学习~ 例如，在微信小程序端的主页布局中，搜索框元素采用了粘性布局，如何实现？让我们来看看整体效果（如下图所示） , 你也可以打开饿了么微信小程序体验一下~)。
template代码