日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

scroll-view

---

可滾動視圖區(qū)域。

成都創(chuàng)新互聯(lián)公司成立于2013年，先為察布查爾錫伯等服務(wù)建站，察布查爾錫伯等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為察布查爾錫伯企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

屬性名	類型	默認(rèn)值	說明
scroll-x	Boolean	false	允許橫向滾動
scroll-y	Boolean	false	允許縱向滾動
upper-threshold	Number	50	距頂部/左邊多遠(yuǎn)時（單位px），觸發(fā) scrolltoupper 事件
lower-threshold	Number	50	距底部/右邊多遠(yuǎn)時（單位px），觸發(fā) scrolltolower 事件
scroll-top	Number		設(shè)置豎向滾動條位置
scroll-left	Number		設(shè)置橫向滾動條位置
scroll-into-view	String		值應(yīng)為某子元素id（id不能以數(shù)字開頭）。設(shè)置哪個方向可滾動，則在哪個方向滾動到該元素
scroll-with-animation	Boolean	false	在設(shè)置滾動條位置時使用動畫過渡
enable-back-to-top	Boolean	false	iOS點擊頂部狀態(tài)欄、安卓雙擊標(biāo)題欄時，滾動條返回頂部，只支持豎向
bindscrolltoupper	EventHandle		滾動到頂部/左邊，會觸發(fā) scrolltoupper 事件
bindscrolltolower	EventHandle		滾動到底部/右邊，會觸發(fā) scrolltolower 事件
bindscroll	EventHandle		滾動時觸發(fā)，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}

使用豎向滾動時，需要給一個固定高度，通過 WXSS 設(shè)置 height。

示例代碼：

  vertical scroll
  
    
    
    
    
  

  
    click me to scroll into view 
    click me to scroll
  


  horizontal scroll
  
    
    
    
    
  

var order = ['red', 'yellow', 'blue', 'green', 'red']
Page({
  data: {
    toView: 'red',
    scrollTop: 100
  },
  upper: function(e) {
    console.log(e)
  },
  lower: function(e) {
    console.log(e)
  },
  scroll: function(e) {
    console.log(e)
  },
  tap: function(e) {
    for (var i = 0; i < order.length; ++i) {
      if (order[i] === this.data.toView) {
        this.setData({
          toView: order[i + 1]
        })
        break
      }
    }
  },
  tapMove: function(e) {
    this.setData({
      scrollTop: this.data.scrollTop + 10
    })
  }
})

Bug & Tip

1. tip: 請勿在scroll-view中使用textarea、map、canvas、video組件
2. tip: scroll-into-view的優(yōu)先級高于scroll-top
3. tip: 在滾動scroll-view時會阻止頁面回彈，所以在scroll-view中滾動，是無法觸發(fā)onPullDownRefresh
4. tip: 若要使用下拉刷新，請使用頁面的滾動，而不是scroll-view，這樣也能通過點擊頂部狀態(tài)欄回到頁面頂部

當(dāng)前名稱：創(chuàng)新互聯(lián)小程序教程：微信小程序視圖容器scroll-view
轉(zhuǎn)載來源：http://www.dlmjj.cn/article/dpgpipd.html