【uni-app】uni-popup滚动无效的解决方案

1,918 阅读1分钟

在使用uniapp官方的popup组件时,里面嵌套了一个动态流程,可根据高度进行自适应展示,但是无法上下滑动。 

查询各博客发现,是官方的代码(uni_modules->uni-popup->components->uni-popup->uni-popup.vue),在最外层容器中,添加了 @touchmove.stop.prevent="clear" 事件,此事件,禁止了触摸滚动,所以流程的 overflow:scroll; 属性失效。注释掉即可滚动。

rich-text 或 v-html="" 里面 富文本添加样式:

.popup_html >>> p{ margin-bottom: 10px;}