微信小程序 scroll-view 用法

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

微信小程序 scroll-view

前言

提示：以下是本篇文章正文内容，下面案例可供参考

一、scroll-view 是什么？

可滚动视图区域 。

二、scroll-view 使用步骤

1.

代码如下（示例）：

 <scroll-view>     </scroll-view>

隐藏滚动条

提示：CSS

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

提示：scroll-view 属性

<scroll-view      enhanced      :show-scrollbar="false"      // show-scrollbar 滚动条显隐控制 (同时开启 enhanced 属性后生效)      // enhanced 启用 scroll-view 增强特性，启用后可通过 ScrollViewContext 操作 scroll-view      // ScrollViewContext ，通过 wx.createSelectorQuery 的 nodesRef.node 方法获取。 仅在 scroll-view 组件开启 enhanced 属性后生效。</scroll-view>

提示：设置自定义下拉刷新区域背景颜色

refresher-background="#FFF"// 组件 属性 不是 css

来源地址：https://blog.csdn.net/weixin_59727199/article/details/126875797