index.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  7. <!--<link rel="shortcut icon" href="/favicon.ico">-->
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="format-detection" content="telephone=no"/>
  11. <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
  12. <title>办件查询</title>
  13. <style>
  14. body{height:100%;overflow: hidden;}
  15. </style>
  16. </head>
  17. <body>
  18. <div id="app"></div>
  19. <script type='text/javascript' src="static/js/zepto.min.js" charset='utf-8'></script>
  20. <script type="text/javascript">
  21. try {
  22. $.config = {
  23. router: false
  24. }
  25. } catch (e) {
  26. console.log(e);
  27. }
  28. </script>
  29. <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
  30. <script>
  31. function prevent() {
  32. var startX = 0, startY = 0;
  33. //touchstart事件
  34. function touchSatrtFunc(evt) {
  35. try
  36. {
  37. //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
  38. var touch = evt.touches[0]; //获取第一个触点
  39. var x = Number(touch.pageX); //页面触点X坐标
  40. var y = Number(touch.pageY); //页面触点Y坐标
  41. //记录触点初始位置
  42. startX = x;
  43. startY = y;
  44. } catch (e) {
  45. alert('touchSatrtFunc:' + e.message);
  46. }
  47. }
  48. document.addEventListener('touchstart', touchSatrtFunc, false);
  49. var _ss = document.getElementById('app');
  50. _ss.ontouchmove = function (ev) {
  51. var _point = ev.touches[0],
  52. _top = _ss.scrollTop;
  53. // 什么时候到底部
  54. var _bottomFaVal = _ss.scrollHeight - _ss.offsetHeight;
  55. // 到达顶端
  56. if (_top === 0) {
  57. // 阻止向下滑动
  58. if (_point.clientY > startY) {
  59. ev.preventDefault();
  60. } else {
  61. // 阻止冒泡
  62. // 正常执行
  63. ev.stopPropagation();
  64. }
  65. } else if (_top === _bottomFaVal) {
  66. // 到达底部
  67. // 阻止向上滑动
  68. if (_point.clientY < startY) {
  69. ev.preventDefault();
  70. } else {
  71. // 阻止冒泡
  72. // 正常执行
  73. ev.stopPropagation();
  74. }
  75. } else if (_top > 0 && _top < _bottomFaVal) {
  76. ev.stopPropagation();
  77. } else {
  78. ev.preventDefault();
  79. }
  80. };
  81. }
  82. prevent();
  83. </script>
  84. </body>
  85. </html>