首页 > 技术文章 > uniapp scroll-view 组件横向滑动失效(ios问题出的最多)

fuyouplus 2021-08-07 10:59 原文

注意事项(做好以下几点就很难出问题):

一、scroll-view组件必须有固定高度,不可出现高度坍塌或让高度消失等现象;(重中之重)

二、一般问题出的多的就是在nvue环境下去使用的scroll-view组件,在任何端如果出现滑动不了的现象都请给scroll-view组件加上样式flex-direction:row;因为在nvue环境下每个元素都是默认使用flex布局的他的flex-direction属性都是默认为column(纵向排列),这个影响因素也是博主自己做项目时偶然发现的。

三、使用scroll-view组件时不可在当前页面中使用固定定位

四、注意z-index层级问题,切勿让其他元素将scroll-view组件覆盖住了

五、注意scroll-view内的子元素是否可以将scroll-view组件的高度撑起,可以用开发者工具审查元素自己检查

总结:导致scroll-view组件出现无法滑动的常见原因还是高度问题,高度失效了手指触摸上去自然也就触发不了滑动事件了,最后,多看文档多思考应该就很难出问题了;

推荐阅读