uni-app遇到的问题及解决方法(2)

1,151 阅读1分钟

1.在uni-app中使用scroll-view组件flex不生效
思路来源链接:blog.csdn.net/zhang133943…

其实处理方法和小程序中的scroll-view组件处理方式一样,只需要设置scroll-view组件的enable-flex="true",即可对scroll-view中的内容进行flex布局【处理方式和小程序一样】 image.png

2.css解决使用固定定位导致下方元素上移到固定定位元素的位置
思路来源链接:zhuanlan.zhihu.com/p/356874103

导致出现这种问题的原因:
image.png

处理方式有两种:
(1)同级加个兄弟元素的div(在要固定定位的元素同级下面加),占位漂走的div,高度要和漂走元素的高度一样,这样才会让页面保持正常显示【个人认为这种不太好,多加没有意义的标签】

(2)添加父元素(再套一层)【使用这种方法,让布局更合理,推荐使用这种
image.png image.png

3.uni-app通过api获取dom元素节点
文章链接:blog.csdn.net/fesfsefgs/a…
注意:获取节点的那个函数,一定要在onReady() {}中调用,否则小程序端中不会报错,而H5端疯狂报错【说多都是泪】

image.png

image.png 完整正确调用方式: image.png