js 怎么做一个跟着屏幕滚动的窗口

JavaScript013

js 怎么做一个跟着屏幕滚动的窗口,第1张

首先,用不着JS在实现,通过CSS就可以做到

先建立一个位置容器,例如一个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()// 往上移动

}

}