小程序的 position: sticky； 吸顶效果的使用方法

今天在使用 uniapp 编写小程序时需要使用到吸顶效果，设置如下：

.head {
	position: sticky;
	top: 88rpx;
	z-index: 100;
}

在网页上的显示效果是刚好固定在顶部显示，但是在微信开发者工具上，就距离顶部有了间隙

后面发现在小程序中，需要设置： top: 0;

.head {
	position: sticky;
	top: 0;
	z-index: 100;
}

注意事项：

（1）距离顶部的吸顶距离 top:0 时才会生效；

（2）吸顶元素的父元素必须是page元素；

（3）父元素page不能设置height:100%;否则滑动过程中消失