index.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  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. <title>掌上办事</title>
  12. <style>
  13. /*body{height:100%;overflow: hidden;}*/
  14. </style>
  15. </head>
  16. <body>
  17. <div id="app"></div>
  18. <script type='text/javascript' src="static/js/jquery.min.js" charset='utf-8'></script>
  19. <script charset="utf-8" type="text/javascript"
  20. src="https://puser.zjzwfw.gov.cn/sso/js.do?servicecode=zlb"></script>
  21. <script type="text/javascript">
  22. try {
  23. $.config = {
  24. router: false
  25. }
  26. } catch (e) {
  27. console.log(e);
  28. }
  29. </script>
  30. <script type="text/javascript">
  31. //解决遮罩层滚动穿透问题,分别在遮罩层弹出后和关闭前调用
  32. var ModalHelper = (function (bodyCls) {
  33. var scrollTop;
  34. return {
  35. afterOpen: function () {
  36. scrollTop = document.scrollingElement.scrollTop;
  37. document.body.classList.add(bodyCls);
  38. document.body.style.top = -scrollTop + 'px';
  39. },
  40. beforeClose: function () {
  41. document.body.classList.remove(bodyCls);
  42. // scrollTop lost after set position:fixed, restore it back.
  43. document.scrollingElement.scrollTop = scrollTop;
  44. }
  45. };
  46. })('modal-open');
  47. </script>
  48. <script>
  49. function prevent() {
  50. var startX = 0, startY = 0;
  51. //touchstart事件
  52. function touchSatrtFunc(evt) {
  53. try
  54. {
  55. //evt.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
  56. var touch = evt.touches[0]; //获取第一个触点
  57. var x = Number(touch.pageX); //页面触点X坐标
  58. var y = Number(touch.pageY); //页面触点Y坐标
  59. //记录触点初始位置
  60. startX = x;
  61. startY = y;
  62. } catch (e) {
  63. alert('touchSatrtFunc:' + e.message);
  64. }
  65. }
  66. document.addEventListener('touchstart', touchSatrtFunc, false);
  67. var _ss = document.getElementById('app');
  68. _ss.ontouchmove = function (ev) {
  69. var _point = ev.touches[0],
  70. _top = _ss.scrollTop;
  71. // 什么时候到底部
  72. var _bottomFaVal = _ss.scrollHeight - _ss.offsetHeight;
  73. // 到达顶端
  74. if (_top === 0) {
  75. // 阻止向下滑动
  76. if (_point.clientY > startY) {
  77. ev.preventDefault();
  78. } else {
  79. // 阻止冒泡
  80. // 正常执行
  81. ev.stopPropagation();
  82. }
  83. } else if (_top === _bottomFaVal) {
  84. // 到达底部
  85. // 阻止向上滑动
  86. if (_point.clientY < startY) {
  87. ev.preventDefault();
  88. } else {
  89. // 阻止冒泡
  90. // 正常执行
  91. ev.stopPropagation();
  92. }
  93. } else if (_top > 0 && _top < _bottomFaVal) {
  94. ev.stopPropagation();
  95. } else {
  96. ev.preventDefault();
  97. }
  98. };
  99. }
  100. prevent();
  101. </script>
  102. </body>
  103. </html>