向上滑动隐藏底部悬浮框,向下滑动显示悬浮框。使用pc端浏览器查看请把浏览器设置为手机浏览器模式。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>手机端触屏手指滑动方向</title>
<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=no,maximum-scale=1.0" id="viewport" name="viewport">
<script type="text/javascript">
var currntY = 0;
var lastY = 0;
var touch_screen = {
//方向
direction: {
direction: "",
object: null,
start: function() {
var self = this,
obj = self.object;
obj.addEventListener('touchstart', function(e) {
self.move();
}, false);
obj.addEventListener('touchend', function(e) {
//self.move();
lastY = document.body.scrollTop;
}, false);
},
//拖动滑动时
move: function() {
var self = this;
self.object.addEventListener('touchmove', function(e) {
currntY =