微信小程序 scroll-view失效问题

微信小程序 scroll-view 用法

微信官方文档地址： https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

scroll-view 使用步骤

 <scroll-view>
     /* 
         scroll-y="true" 允许纵向滚动
         必须给 scroll-view css 设置 height
         不能在 scroll-view css 设置 margin
     */
 </scroll-view>

记录嵌套在swiper-item里面的scroll-view失效问题，height设置为100%。

<scroll-view scroll-y="true" style="height:100%;">
    
</scroll-view>

在css中加入以下代码 可以隐藏滚动条

::-webkit-scrollbar {
    color:transparent;
    display:none;
    width:0;
    height:0;
}