12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="initial-scale=1, maximum-scale=1">
- <!--<link rel="shortcut icon" href="/favicon.ico">-->
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <meta name="format-detection" content="telephone=no"/>
- <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
- <title>办件查询</title>
- <style>
- body{height:100%;overflow: hidden;}
- </style>
- </head>
- <body>
- <div id="app"></div>
- <script type='text/javascript' src="static/js/zepto.min.js" charset='utf-8'></script>
- <script type="text/javascript">
- try {
- $.config = {
- router: false
- }
- } catch (e) {
- console.log(e);
- }
- </script>
- <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
- <script>
- function prevent() {
- var startX = 0, startY = 0;
- //touchstart事件
- function touchSatrtFunc(evt) {
- try
- {
- //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
- var touch = evt.touches[0]; //获取第一个触点
- var x = Number(touch.pageX); //页面触点X坐标
- var y = Number(touch.pageY); //页面触点Y坐标
- //记录触点初始位置
- startX = x;
- startY = y;
- } catch (e) {
- alert('touchSatrtFunc:' + e.message);
- }
- }
- document.addEventListener('touchstart', touchSatrtFunc, false);
- var _ss = document.getElementById('app');
- _ss.ontouchmove = function (ev) {
- var _point = ev.touches[0],
- _top = _ss.scrollTop;
- // 什么时候到底部
- var _bottomFaVal = _ss.scrollHeight - _ss.offsetHeight;
- // 到达顶端
- if (_top === 0) {
- // 阻止向下滑动
- if (_point.clientY > startY) {
- ev.preventDefault();
- } else {
- // 阻止冒泡
- // 正常执行
- ev.stopPropagation();
- }
- } else if (_top === _bottomFaVal) {
- // 到达底部
- // 阻止向上滑动
- if (_point.clientY < startY) {
- ev.preventDefault();
- } else {
- // 阻止冒泡
- // 正常执行
- ev.stopPropagation();
- }
- } else if (_top > 0 && _top < _bottomFaVal) {
- ev.stopPropagation();
- } else {
- ev.preventDefault();
- }
- };
- }
- prevent();
- </script>
- </body>
- </html>
|