uniapp-小程序上下滚动失效解决办法

DemoImpl

于 2023-04-20 17:45:52 发布

阅读量2.3k

点赞数 1

分类专栏： # vue 文章标签：小程序 uni-app vue.js

本文链接：https://blog.csdn.net/u013205428/article/details/130272212

版权

vue 专栏收录该内容

3 篇文章

订阅专栏

当遇到uniapp中的小程序上下滚动功能失效问题时，解决方案是给scroll-view设置一个固定的vh高度而非百分比高度。通过在scroll-view中嵌套rich-text组件，并利用parsePopupHtml函数处理rich-text的内容显示，可以确保滚动功能正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp-小程序上下滚动失效解决办法

/*
 * 小程序 上下滚动 需要加个固定高度才行,百分比的高度也不可以,需要使用vh单位
 * parsePopupHtml(): rich-text里面的内容显示
 */
<scroll-view style="height: 60vh" scroll-y="true">
  <rich-text  :nodes="parsePopupHtml(popupData.systemMsg.content)" ></rich-text>
</scroll-view>