定位微信小程序导航栏

定位微信小程序,首先做一个关于头部的组件,
主要是让这个组件的位置固定
这里需要使用到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可以随便设置,值越大,展示的优先级越高,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值