| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- <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="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <!--<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"/>
- <title>掌上办事</title>
- <style>
- /*body{height:100%;overflow: hidden;}*/
- </style>
- </head>
- <body>
- <div id="app"></div>
- <script type='text/javascript' src="static/js/jquery.min.js" charset='utf-8'></script>
- <script charset="utf-8" type="text/javascript"
- src="https://puser.zjzwfw.gov.cn/sso/js.do?servicecode=zlb"></script>
- <script type="text/javascript">
- try {
- $.config = {
- router: false
- }
- } catch (e) {
- console.log(e);
- }
- </script>
- <script type="text/javascript">
- //解决遮罩层滚动穿透问题,分别在遮罩层弹出后和关闭前调用
- var ModalHelper = (function (bodyCls) {
- var scrollTop;
- return {
- afterOpen: function () {
- scrollTop = document.scrollingElement.scrollTop;
- document.body.classList.add(bodyCls);
- document.body.style.top = -scrollTop + 'px';
- },
- beforeClose: function () {
- document.body.classList.remove(bodyCls);
- // scrollTop lost after set position:fixed, restore it back.
- document.scrollingElement.scrollTop = scrollTop;
- }
- };
- })('modal-open');
- </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>
|