scroll-view scroll-y上下滑动失效

时间:2025-04-02 18:10:50

在uniapp打包成小程序部署后如下代码,我们添加了 scroll-y但是无法上下滑动。

<scroll-view scroll-y>
...
</scroll-view>

原因分析:

滚动的条件必须是设定固定高度,这样才能滚动。

解决:

<scroll-view scroll-y :style="{height: `${scrollHeight}rpx`}">
...
</scroll-view>

如果我们高度是动态的,那我们可以动态给scroll-view一个高度即可。注意高度不要和相应元素高度一致,不然也是无法滚动的。