uniapp -- 页面顶部内容悬浮的完美解决方法

只需要在要悬浮的顶部区域外侧包裹一层标签 设置如下属性 该区域将会随着页面的滚动自动悬浮在顶部。

.page_header {
position: sticky;
width: 100%;
left: 0;
right: 0;
/* #ifdef H5 /
top: 44px;//适配网页
/ #endif /
/ #ifndef H5 /
top: 0;//适配其他平台
/ #endif */
z-index: 1;
}

如下效果图 顶部是要悬浮的区域：