Merge pull request #4 from zhangxinxu/develop

Develop

Author: zhangxinxu

src/mobilebone.css

@@ -21,7 +21,7 @@ html, body, .page {
 	overflow: hidden;
 }
 .page {
-	position: absolute;
+	position: absolute; left: 0; top: 0;
 	-webkit-animation: .35s ease-in-out;
 	animation: .35s ease-in-out;
 }

src/mobilebone.js

@@ -487,7 +487,9 @@
 
 		// do ajax
 		// get mask and loading element
-		ele_mask = ele_mask || document.querySelector("body > ." + this.classMask);
+		if (typeof attr_mask != "string") {
+			ele_mask = document.querySelector("body > ." + this.classMask);
+		}
 		if (ele_mask == null) {
 			ele_mask = document.createElement("div");
 			ele_mask.className = this.classMask;

test/test.css

@@ -4,7 +4,7 @@ a { text-decoration: none; color: inherit; }
 li > a { display: block; line-height: 32px; padding-left: .5em; margin-top: -1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-shadow: inset 0 1px #fbfbfb; background-color: #eee; position: relative; }
 a:not(.follow) > .mask { left: 0; top: 0; }
 .follow > .mask { display: inline; width: 32px; height: 32px; background-color: transparent; }
-.page > a[data-rel="back"] { display: inline-block; line-height: 32px; margin: .5em; padding: 0 1em; border: 1px solid #ccc; border-left: 0; border-radius: 0 3px 3px 0; background-color: #eee; position: relative; left: 13px; }
+.page > a[data-rel="back"] { display: inline-block; line-height: 32px; margin: .5em; padding: 0 1em; border: 1px solid #ccc; border-left: 0; border-radius: 0 3px 3px 0; background-color: #eee; position: relative; left: 13px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
 .page > a[data-rel="back"]::before { content:''; width: 23px; height: 23px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-bottom-left-radius: 3px; background-color: #eee; position: absolute; left: -12px; top: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
 .page > h2, .page > p { padding-left: .5em; }