日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

movable-area

基礎(chǔ)庫(kù) 1.2.0 開始支持，低版本需做兼容處理

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)巴州免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上1000家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

movable-view 的可移動(dòng)區(qū)域

注意：movable-area 必須設(shè)置width和height屬性，不設(shè)置默認(rèn)為10px

movable-view

基礎(chǔ)庫(kù) 1.2.0 開始支持，低版本需做兼容處理

可移動(dòng)的視圖容器，在頁(yè)面中可以拖拽滑動(dòng)

屬性名	類型	默認(rèn)值	說明
direction	String	none	movable-view的移動(dòng)方向，屬性值有all、vertical、horizontal、none
inertia	Boolean	false	movable-view是否帶有慣性
out-of-bounds	Boolean	false	超過可移動(dòng)區(qū)域后，movable-view是否還可以移動(dòng)
x	Number		定義x軸方向的偏移，如果x的值不在可移動(dòng)范圍內(nèi)，會(huì)自動(dòng)移動(dòng)到可移動(dòng)范圍；改變x的值會(huì)觸發(fā)動(dòng)畫
y	Number		定義y軸方向的偏移，如果y的值不在可移動(dòng)范圍內(nèi)，會(huì)自動(dòng)移動(dòng)到可移動(dòng)范圍；改變y的值會(huì)觸發(fā)動(dòng)畫
damping	Number	20	阻尼系數(shù)，用于控制x或y改變時(shí)的動(dòng)畫和過界回彈的動(dòng)畫，值越大移動(dòng)越快
friction	Number	2	摩擦系數(shù)，用于控制慣性滑動(dòng)的動(dòng)畫，值越大摩擦力越大，滑動(dòng)越快停止；必須大于0，否則會(huì)被設(shè)置成默認(rèn)值

movable-view 必須設(shè)置width和height屬性，不設(shè)置默認(rèn)為10px

movable-view 默認(rèn)為絕對(duì)定位，top和left屬性為0px

當(dāng)movable-view小于movable-area時(shí)，movable-view的移動(dòng)范圍是在movable-area內(nèi)；當(dāng)movable-view大于movable-area時(shí)，movable-view的移動(dòng)范圍必須包含movable-area（x軸方向和y軸方向分開考慮）

注意：movable-view必須在組件中，并且必須是直接子節(jié)點(diǎn)，否則不能移動(dòng)。

示例代碼：

  movable-view區(qū)域小于movable-area
  
    
    
  
  
    click me to move to (30px, 30px)
  
  movable-view區(qū)域大于movable-area
  
    
    
  

Page({
  data: {
    x: 0,
    y: 0
  },
  tap: function(e) {
    this.setData({
      x: 30,
      y: 30
    });
  }
})

本文題目：創(chuàng)新互聯(lián)小程序教程：微信小程序視圖容器movable-area
網(wǎng)站路徑：http://m.5511xx.com/article/ccegoio.html