评论

微信小程序view组件不支持滚动问题

在微信小程序开发过程中,组件用得最多的基本上是view吧,一开始居然不知道view组件不支持横行或纵向滚动,用CSS样式各种设置方法都不行。实在没有办法百度一下才发现微信小程序提供了一个专门支持滚动的

在微信小程序开发过程中,组件用得最多的基本上是view吧,一开始居然不知道view组件不支持横行或纵向滚动,用CSS样式各种设置方法都不行。实在没有办法百度一下才发现微信小程序提供了一个专门支持滚动的view,即组件scroll-view。

想了半天着实没有想明白,为啥要区分view和scroll-view。找到问题根源了就好办了,直接在微信小程序开发文档找到scroll-view的API说明,如下:

可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。

最后给出一个示例代码,如下:

<scroll-view style="height: 500rpx;" scroll-y="true">
  //滚动区域内容
</scroll-view>

上面代码是让这个区域内容支持纵向滚动滑看的,要设置一个固定高度和设置scroll-y为true。

原文出自码书,点击查看更多。

点赞 0
收藏
评论
登录 后发表内容