微信小程序之scroll-view的坑

时间:2022-04-22 03:56:27

好久没动小程序了,今天打算复习复习,结果刚写了一个scroll-view就遇到了一个坑,这怎么能忍,对比看文档也没发现那里出了问题,没办法只能去翻翻微信给的demo,发现scroll-view一个必要属性和两个必要样式,缺其一就无法完成scroll-view。

1.水平滑动的scroll-view

水平滑动的scroll-view,需要给scroll-view一个固定的宽度,设置属性scroll-x,并且设置样式white-space:nowrap;(这个很重要,不设置这个样式,无法完成scroll-view的效果,我的坑也是遇在这了,三个条件缺一不可)

2.竖直滑动的scroll-view

竖直滑动的scroll-view,需要给scroll-view一个固定的高度,设置属性scroll-y,并且设置样式white-space:nowrap;(三个条件缺一不可)