滚动视图容器组件scroll-view

view组件用来对页面的结构进行布局，如果要在页面中某一区域实现滚动效果，可以使用scroll-view组件，它支持横向和纵向的滚动

scroll-view支持的属性如表3.6所示。

使用纵向滚动时，需要为<scroll-view>设置一个固定高度，代码如示例3-6所示

index.wxml
<view>
    <text>纵向滚动</text>
    <scroll-view scroll-y="true" style="height: 300rpx;" >
        <view  class="item red">1</view>
        <view  class="item yellow">2</view>
                <view  class="item blue">3</view>
    </scroll-view>
    <text>横向滚动</text>
    <scroll-view class="scroll_H" scroll-x="true" style="width: 100%">
        <view id="demo1" class="item_H blue">1</view>
        <view id="demo2"  class="item_H yellow">2</view>
        <view id="demo3" class="item_H red">3</view>
    </scroll-view>
</view>

注意

（1）请勿在scroll-view中使用textarea、map、canvas、video组件
（2）scroll-into-view的优先级高于scroll-top
（3）滚动scroll-view时会阻止页面回弹，所以在scroll-view中滚动无法触发onPullDownRefresh
（4）若要刷新，请使用页面的滚动，而不是scroll-view，这样也能通过单击顶部状态栏回到页面顶部。