小程序 movable-area 實現懸浮窗效果

最近作一個小程序 實現頁面內懸浮窗的效果 

給本身制定兩個方案：

一、經過一個自定義的組件，經過觸摸事件進行實現；

二、使用微信的movable移動組件實現；

第一種方案：

      結果：實現了 懸浮窗和自動靠齊一方的效果 

　　問題：IOS上的觸摸事件支持的還能夠，移動起來不是特別卡頓；可是安卓就不行了，卡頓嚴重；延遲特別明顯；

      注意：第一種方案要求配置高的機型 因此不適合如今的要求；

第二種方案：

      結果：一樣實現了懸浮窗和自動靠齊一方的效果 

　　問題：movable須要制定寬和高，來規定子元素的移動區域；可是等於覆蓋了原有的頁面，點擊和一切對底部頁面操做都無效；

      注意：第二種方案能夠實現很流暢的滑動效果，可是頁面內覆蓋了原有的層級，沒法操做覆蓋的頁面；

最終，結合第二種方案的問題，想到了使用組件的方式來實現滑動和懸浮窗的效果，避免層級問題；

地址：https://github.com/Uhanxu/movable-area

因爲時間有限，你們能夠根據具體狀況進行movable組件的邏輯優化，謝謝！