l***@163.com
l***@163.com
  • 发布:2021-01-25 15:14
  • 更新:2021-01-25 15:14
  • 阅读:1657

关于uniapp组件覆盖的问题记录

分类:uni-app

需求:顶部标题、标题下拉筛选菜单、再下面图文列表

问题:下拉菜单滑动时将顶部标题覆盖了

思路方向:
1、遇见问题不要慌:
A、第一条路:查各种技术文档;
B、第二条路:debug测试
C、第三条路:简化所有代码,简化到问题的关键点测试、查资料

2、查看z-index设置,且z-index仅能在定位元素上奏效(例如 position:absolute),可审查dom;
postion的定位包括:static、relative、absolute、fixed
z-index只能在position属性值为relative、absolute、fixed元素上有效。
https://www.cnblogs.com/zhuzhenwei918/p/6112034.html 深入理解css中position属性及z-index属性
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 布局教程:语法篇

3、z-index只在并行的组件上有效,一个组件包涵在另一个组件里设置z-index就要注意了

4、可用titleNView或用uni-ui的导航栏组件和list组件

5、如果用自定义导航,跨端需要检测顶部高度,这个还没测试过。

6、cover-view组件

0 关注 分享

要回复文章请先登录注册