H5，小程序实现页面底部固定效果(less实现)

Posted 2020-12-20 jorbe

常见底部固定场景

底部固定是一个比较常见的页面效果，几乎所有的应用都会用到。最常见的几个例子：商城项目购物车底部，音乐应用底部播放组件，等等

实现分析

页面采用相对父元素定位，定位到底部即可

// less实现
{
  position: fixed;
  left: 0;
  bottom: 0;
}