index.html
2.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0" />
<title></title>
<style></style>
</head>
<body class="calbox">
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
<script>
// 尺寸计算
function setFontSize() {
document.documentElement.style.fontSize =
document.documentElement.clientWidth / 7.5 + "px";
}
window.addEventListener(
"resize",
function() {
setFontSize();
},
false
);
setFontSize();
// var isScroll_top = true;
// var ua = navigator.userAgent.toLowerCase();
// //系统判断
// if (ua.match(/iPhone/i) == "iphone") {
// //滚动条是否在底部
// var isScrill_bottom = false;
// function restoreEvent(event) {
// switch (event.type) {
// case "touchstart":
// $startY = event.touches[0].clientY;
// break;
// case "touchmove":
// $moveY = event.touches[0].clientY;
// //滑动距离
// touchesY = $startY - $moveY;
// //滚动条顶部
// if (isScroll_top) {
// if (touchesY < 0) {
// event.preventDefault();
// } else {
// var scrollWrap = document.getElementById("app");
// if (scrollWrap.scrollHeight == scrollWrap.clientHeight) {
// event.preventDefault();
// } else {
// event.stopPropagation();
// }
// }
// //滚动条底部
// } else if (isScrill_bottom) {
// if (touchesY > 0) {
// event.preventDefault();
// } else {
// event.stopPropagation();
// }
// }
// break;
// case "touchend":
// break;
// }
// }
// document
// .getElementById("app")
// .addEventListener("touchstart", restoreEvent);
// document
// .getElementById("app")
// .addEventListener("touchmove", restoreEvent);
// document.getElementById("app").addEventListener("touchend", restoreEvent);
// document.getElementById("app").addEventListener("scroll", function() {
// var tabView = document.getElementById("app");
// var contentHeight = tabView.scrollHeight, //内容高度
// scrollTop = tabView.scrollTop; //滚动高度
// viewHeight = tabView.clientHeight;
// if (scrollTop == 0) {
// isScroll_top = true;
// } else {
// isScroll_top = false;
// }
// if (scrollTop / (contentHeight - viewHeight) == 1) {
// isScrill_bottom = true;
// } else {
// isScrill_bottom = false;
// }
// });
// }
</script>
</html>