说明:可滚动视图区域。
> **scroll-view内的内容必须为内联标签或内联块**
> **使用竖向滚动时,需要给“<croll-view"固定高度**
| 属性名 | 类型 | 说明 |
|---|---|---|
| scroll-x | Boolean| 允许横向移动,默认为false |
| scroll-y | Boolean |允许纵向滚动,默认为false |
| upper-threshold | Number | 距顶部/左边多远时(单位px),触发 scrolltoupper 事件,默认为50|
| lower-threshold | Number | 距底部/右边多远时(单位px),触发 scrolltolower 事件 ,默认为50 |
| scroll-top | Number | 设置竖向滚动条位置 |
| scroll-left | Number | 设置横向滚动条位置 |
| scroll-into-view | String| 值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个方向滚动到该元素 |
| scroll-with-animation | Boolean| 在设置滚动条位置时使用动画过渡,默认false |
|enable-back-to-top|Boolean| iOS点击顶部状态栏、安卓双击标题栏时,滚动条返回顶部,只支持竖向,默认false|
|bindscrolltoupper|EventHandle|滚动到顶部/左边,会触发 scrolltoupper 事件|
|bindscrolltolower |EventHandle | 滚动到底部/右边,会触发 scrolltolower 事件|
|bindscroll | EventHandle | 滚动时触发,event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}|
- 小程序环境配置
- 1.生命周期
- 页面生命周期
- 组件生命周期
- 2.小程序组件
- 点击事件bindtap|catchtap
- swiper轮播
- wx:for循环
- 播放音乐
- map
- tabBar底部页面切换
- scroll-view可滚动视图区域。
- web-view装载显示网页
- priviewImage新页面预览照片
- chooseImage本地选择照片
- onReachBottom上拉刷新,加载等待条
- setStorage缓存
- showToast弹出提示框
- slot父组件wxml传递到子组件
- form表单
- 小程序.wxs,方法在.wxml调用
- 3.组件前身:模板、模板传参
- 4.自定义组件、组件传参|传wxss|wxml代码
- 5.小程序正则
- 6.小程序页面跳转
- 7.open-type 微信开放功能
- 实例
- 1.第一个实例 hello world
- 2.第二个实例豆瓣电影数据渲染
- 豆瓣1.0基本版
- 豆瓣2.0升级版
- 豆瓣3.0豪华版
- 3.第三个实例多接口在同一页面使用
- HTTP封装
- 基础报错提示,类式封装
- Promise回调,类式封装