說明:可滾動視圖區域。
> **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回調,類式封裝