Merge pull request #6 from zhangxinxu/develop

Develop - use 'display:none' fix horizontal scroll bar bug!

Author: zhangxinxu

package.json

@@ -1,12 +1,7 @@
 {
   "name": "mobilebone",
-<<<<<<< HEAD
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Bone main for mobile web APP with a sigle page mode.",
-=======
-  "version": "1.0.0",
-  "description": "Bone for mobile web APP with a sigle page mode.",
->>>>>>> origin/develop
   "main": "src/mobilebone.js",
   "directories": {
     "test": "test"

src/mobilebone.css

@@ -11,7 +11,7 @@ a, img {
 body {
 	margin: 0;
 	-webkit-user-select: none;
-    user-select: none;
+	user-select: none;
 	-ms-touch-action: none;
 }
 
@@ -26,6 +26,7 @@ html, body, .page {
 	animation: .35s ease-in-out;
 }
 .page.out {
+	display: none;
 	-webkit-transform: translateX(-100%);
 	transform: translateX(-100%);
 }
@@ -34,7 +35,6 @@ html, body, .page {
 	transform: translateX(0);
 }
 
-
 /* mask layer when ajax sending... */
 .mask {
 	height: 100%; width: 100%;

src/mobilebone.js

@@ -38,7 +38,7 @@
 	 *
 	 * @type string
 	**/
-	Mobilebone.VERSION = '1.1.0';
+	Mobilebone.VERSION = '1.1.1';
 
 	/**
 	 * Whether bind events when dom ready
@@ -185,6 +185,8 @@
 			}
 
 			// do transition
+			pageInto.style.display = "block";
+			pageInto.clientWidth;
 			pageInto.classList.remove("out");
 			pageInto.classList.add("in");
 			pageOut && pageInto.classList.add(params_in.form);
@@ -209,6 +211,12 @@
 				});
 				if (!store[pageid]) {
 					var animateEventName = isWebkit? webkitkey: animationkey;
+					index && pageInto.addEventListener(animateEventName, function() {
+						if (this.classList.contains("in") == false) {
+							this.style.display = "none";
+						}						
+					});
+					
 					if (typeof animition == "string" && params_in.root[animition]) {
 						pageInto.addEventListener(animateEventName, function() {
 							params_in.root[animition](this, this.classList.contains("in")? "into": "out");