## 详细介绍可以看官网： https://uniapp.dcloud.io/component/scroll-view.html ## 语法： ``` scroll-y ``` ``` 还可以是scroll-x ``` ``` <scroll-view scroll-y="true" > <view class="v1"></view> <view class="v2"></view> <view class="v3"></view> </scroll-view> ``` ``` <template> <view class="content"> <scroll-view scroll-y="true" > <view class="v1"></view> <view class="v2"></view> <view class="v3"></view> </scroll-view> </view> </template> <script> export default { data() { return { } }, onLoad() { }, onShow() { }, methods: { } } </script> <style> .scroll-y{ height: 300rpx; } .v1{ width: 100%; height: 300rpx; background-color: #ff0000; } .v2{ width: 100%; height: 300rpx; background-color: #00aaff; } .v3{ width: 100%; height: 300rpx; background-color: #00aa7f; } </style> ``` 效果：