小程序给scroll-view设置高度,使得它能适配各种尺寸的手机

scroll-view占满整个屏幕,且scroll-view的滚动不影响到页面其他地方的滚动

在iphone6的尺寸下,scroll-view设置高度为1110rpx,就不会影响页面其他地方的滚动

小程序给scroll-view设置高度,使得它能适配各种尺寸的手机_第1张图片

但是当屏幕尺寸调至iphone5时,左边scroll-view的滚动,就会带动右边内容的滚动

小程序给scroll-view设置高度,使得它能适配各种尺寸的手机_第2张图片

而在iphone7 plus时,scroll-view不能占满整个屏幕

小程序给scroll-view设置高度,使得它能适配各种尺寸的手机_第3张图片

最后发现只需要将scroll-view的高度设置为 100vh 就可以解决这个问题

 <scroll-view scroll-y="true" style="height: 100vh">scroll-view>

最终效果:

小程序给scroll-view设置高度,使得它能适配各种尺寸的手机_第4张图片

小程序给scroll-view设置高度,使得它能适配各种尺寸的手机_第5张图片

小程序给scroll-view设置高度,使得它能适配各种尺寸的手机_第6张图片

转载于:https://www.cnblogs.com/rachelch/p/9082912.html

你可能感兴趣的:(小程序给scroll-view设置高度,使得它能适配各种尺寸的手机)