注意事项(做好以下几点就很难出问题):
一、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组件出现无法滑动的常见原因还是高度问题,高度失效了手指触摸上去自然也就触发不了滑动事件了,最后,多看文档多思考应该就很难出问题了;