微信小程序 导航栏固定

顶部固定

.nav{
  /* fixed（固定定位）：生成绝对定位的元素，相对于浏览器窗口进行定位 */
  position: fixed;
  top: 0rpx;
  z-index: 1;
  width: 100%;
  height: 70rpx;
  line-height: 70rpx;
}

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。位于顶部时 此属性必须设置 

z-index: 1;

宽度 高度 都需要设置。不然会出现奇奇怪怪的问题

底部固定

.nav{
  /* fixed（固定定位）：生成绝对定位的元素，相对于浏览器窗口进行定位 */
  position: fixed;
  bottom: 0rpx;
}

只需要这两个属性就可以了，必要时和top定位一样设置