在进行京东联盟,返利微信小程序(Shopping Fan)开发时,想将整个首页做成可以滑动的。所以就需要用到scroll-view。
- 代码
<scroll-view class="main" type="list" scroll-y="true" enhanced="{{true}}" show-scrollbar="{{false}}">
官方文档
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
重要参数
- scroll-x/scroll-y(允许横向滚动/允许纵向滚动)
- type参数必须要设置。不然编译不过。
- 隐藏滚动条
参数1:show-scrollbar boolean true 否 滚动条显隐控制 (同时开启 enhanced 属性后生效)
参数2: enhanced boolean false 否 启用 scroll-view 增强特性,启用后可通过 ScrollViewContext 操作 scroll-view
我按之前其它参数一样写成:
enhanced="true" show-scrollbar="false"
然后失败了。最后发现需要写成:
enhanced="{{true}}" show-scrollbar="{{false}}"
才能成功隐藏。