微信小程序组件scroll-view

scroll-view:可滚动视图区域。

scroll-view属性

纵向滚动

1、需要打开是否允许纵向滚动。 scroll-y

注:只要写上scroll-y就是允许纵向滑动

2、需要设置scroll-view固定的高度 height : 200px;

3、需要设置scroll-view子元素的高度。

横向滚动

1、需要打开是否允许横向滚动。 scroll-x

2、需要设置scroll-view的宽度 width:100%;

3、需要设置scroll-view的white-space: nowrap;nowrap是强制不换行的意思。如果换行了,就起不到效果了。

4、需要设置子元素display: inline-block;行内块元素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容