1. 程式人生 > 其它 >uniapp scroll-view 元件橫向滑動失效(ios問題出的最多)

uniapp scroll-view 元件橫向滑動失效(ios問題出的最多)

注意事項(做好以下幾點就很難出問題):

一、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元件出現無法滑動的常見原因還是高度問題,高度失效了手指觸控上去自然也就觸發不了滑動事件了,最後,多看文件多思考應該就很難出問題了;