先建立一个位置容器,例如一个div
然后定义他的css属性position为fixed,通过top/bottom/left/right这四个属性可以控制他在屏幕上的位置
这样便可以做到无论屏幕如何滚动,这个窗口一直固定在窗口的固定位置
如果不希望这个窗口被其他元素遮挡,适当的设置他的z-index即可(例如999)
开始触摸时候获取的位置:function touchMoveFunc(evt) {
var touch = evt.touches[0]//获取第一个触点
var x = Number(touch.pageX)//页面触点X坐标
var y = Number(touch.pageY)//页面触点Y坐标
//判断滑动方向 上下
if (y - startY >0) {
swipeDown() //往下移动
} else if(y - startY <0){
swipeUp()// 往上移动
}
}