定位微信小程序,首先做一个关于头部的组件,
主要是让这个组件的位置固定
这里需要使用到css的 fixed定位和z-index的属性
下面展示一些 内联代码片
。
// A code block
var foo = 'bar';
// An highlighted block
position: fixed; //1
z-index: 1; //2
top: 0rpx; //3
left: 0; //4
width: 100%; //5
line-height: 70rpx; //6
fixed这个属性可以理解为将某个元素黏子在屏幕的视图的某一区域上,设置top与left使头部组件黏在手机顶部,
而z-index是元素的展示优先级,使得上滑屏幕保证头部组件不会被其他内容所覆盖,一般元素的z-index的值为1,这个值只要不小于1可以随便设置,值越大,展示的优先级越高,