admin管理员组

文章数量:1611398

今天在使用 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%;否则滑动过程中消失

本文标签： 使用方法效果程序StickyPosition

版权声明：本文标题：小程序的 position: sticky； 吸顶效果的使用方法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1728604359a1165264.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。