小程序scroll-view组件使用简介（转）

超、凢脫俗 2022-05-21 04:29 185阅读 0赞

![这里写图片描述][20160925102204445]

scroll-view为滚动视图，分为水平滚动和垂直滚动。**注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效**。滚动视图常用的地方一般都是Item项比较多的界面，比如我的模块

主要属性：

![这里写图片描述][20160925102734361]

使用演示：

wxml

<scroll-view scroll-y="true" style="height: 200px">
        <view style="background: red; width: 100px; height: 100px" ></view>
        <view style="background: green; width: 100px; height: 100px"></view>
        <view style="background: blue; width: 100px; height: 100px"></view>
        <view style="background: yellow; width: 100px; height: 100px"></view>
    </scroll-view>
    
    
    
    <scroll-view scroll-x="true" style=" white-space: nowrap; display: flex" >
    
      <view style="background: red; width: 200px; height: 100px; display: inline-block" ></view>
      <view style="background: green; width: 200px; height: 100px; display: inline-block"></view>
      <view style="background: blue; width: 200px; height: 100px; display: inline-block"></view>
      <view style="background: yellow; width: 200px; height: 100px; display: inline-block"></view>
    </scroll-view>

[小程序Canvas隐藏问题处理][Canvas]

[ iis提示“另一个程序正在使用此文件，进程无法访问。（异常来自HRESULT:0x80070020)][iis_HRESULT_0x80070020]

[C\#实现微信AES-128-CBC加密数据的解密][C_AES-128-CBC]

[20160925102204445]: /images/20220521/8cf5819ee7a646529f4c7f02690650f6.png
[20160925102734361]: /images/20220521/8c5fb2ce22604c50b27830210a780519.png
[Canvas]: https://blog.csdn.net/u011127019/article/details/80638771
[iis_HRESULT_0x80070020]: https://blog.csdn.net/u011127019/article/details/79645272
[C_AES-128-CBC]: https://blog.csdn.net/u011127019/article/details/79638279