微信小程序实现纵向滚动

这个官方文档已经说的很清楚了,但是想要实现满屏滚动时还是有几点需要注意:


(1)设置<scroll-view>的属性scroll-y为true

<scroll-view scroll-y='true'>
</scroll-view>


(2)设置Page的高度为100%

在需要实现满屏滚动的wxss文件中添加:

page {
  height: 100%;
}


(3)再把元素的高度设置为100%,表示元素的高度和其父元素等高,在这里可以设置<scroll-view>的高度为100%,这样就有:

<scroll-view scroll-y='true' style='height:100%'>
</scroll-view>

本文参考了:https://bbs.csdn.net/topics/392163939

猜你喜欢

转载自blog.csdn.net/sinat_41104353/article/details/80699301