小程序实现元素在页面可拖动 movable-area

先看实现效果图:

   实现客服按钮在页面区域可拖动;

小程序实现元素在页面可拖动 movable-area_第1张图片

 

1:首先要定义一个容器,使元素在这个容器范围内可来回拖动;

// 就是该容器
// 是拖动的元素
// x y 是定义元素在页面的具体位置
//animation 防止拖动的时候掉帧


   
       
  

css 部分

movable-area {
  height: 100%;
  width: 100%;  
}

movable-view { 
  width: fit-content;
  height: fit-content; 
  position: fixed; 
  z-index: 9999; 
}

 

你可能感兴趣的:(小程序,movable-area,movable-view)