uni-app悬浮框模板
程序员文章站
2022-03-07 23:20:55
1. uni app悬浮框模板 1.1. 目标 1. 模仿饿了吗app的悬浮框效果,即上移过程中,中间的某个组件框到顶部后不再上移,呈类似置顶的效果 1.2. 问题 1. 中间遇到fixed固定组件导致flex失效问题,这会导致样式的混乱,后通过 "这篇文章" 解决 1.3. 效果 1. 最后实现效 ......
1. uni-app悬浮框模板
1.1. 目标
- 模仿饿了吗app的悬浮框效果,即上移过程中,中间的某个组件框到顶部后不再上移,呈类似置顶的效果
1.2. 问题
- 中间遇到fixed固定组件导致flex失效问题,这会导致样式的混乱,后通过解决
1.3. 效果
- 最后实现效果
1.4. 移步
具体代码见我的github
上一篇: 移动端底部导航固定配合vue-router实现组件切换
下一篇: 找家宾馆我给你看看