加入购物车和立即购买 的弹窗子页面改为全屏，不再有黑色背景

aiberle/pro-details.html

@@ -12,42 +12,10 @@
 		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 		<link rel="stylesheet" type="text/css" href="css/main.css" />
 		<style>
-			.return {
-				position: fixed;
-				right: 10px;
-				bottom: 140px;
-				background: rgba(0, 0, 0, .1);
-				padding: 12px;
-				border-radius: 50%;
-				height: 50px;
-				width: 50px;
-				text-align: center;
-				opacity: .9;
-				color: #333;
-				display: none;
-			}
-			
-			.my-picker {
-				max-height: none;
-				background-color: rgba(0, 0, 0, .5);
-			}
-			
-			.my-btn-buy-know {
-				width: 50%;
-				border-radius: 0;
-				bottom: 0;
-				height: 50px;
-				border: 1px solid #727171;
-			}
-			
-			.my-btn-buy-cancel {
-				width: 50%;
-				border-radius: 0;
-				bottom: 0;
-				height: 50px;
-				border: 0;
-				border-top: 1px solid #ccc;
-			}
+			.return {position: fixed;right: 10px;bottom: 140px;background: rgba(0, 0, 0, .1);padding: 12px;border-radius: 50%;height: 50px;width: 50px;text-align: center;opacity: .9;color: #333;display: none;}	
+			.my-picker {max-height: 100%;background-color: rgba(0, 0, 0, .5);}
+			.my-btn-buy-know {width: 50%;border-radius: 0;bottom: 0;height: 50px;border: 1px solid #727171;position: fixed;right: 0;}
+			.my-btn-buy-cancel {width: 50%;border-radius: 0;bottom: 0;height: 50px;border: 0;border-top: 1px solid #ccc;position: fixed;left: 0;}
 		</style>
 	</head>
 
@@ -328,13 +296,13 @@
 					mui.alert("没有获取到产品颜色id");
 				}
 			});
-			//立即购买
+			///立即购买-购物车按钮
 			$(document).on('tap', '.add-gouwuche,.div-btn-buy-know', function() {
 				var th = $(this);
 				count = 0;
 				//mask.show(); //显示遮罩层
 				//在body尾部增加-产品颜色列表父级ul
-				$("body").append('<div id="scroll" class="mui-scroll-wrapper my-picker"><div class="mui-scroll" style="max-height:100%;bottom: 0;background-color: #fff;"><ul class="mui-table-view mui-table-view-striped mui-table-view-condensed my-grid-view-no"></ul><button class="mui-btn my-btn-buy-cancel">取消</button><button class="mui-btn my-btn-buy-know" disabled="disabled">确定</button></div></div>');
+				$("body").append('<div id="scroll" class="mui-scroll-wrapper my-picker"><div class="mui-scroll" style="top: 0;background-color: #fff;min-height: 100%;"><ul class="mui-table-view mui-table-view-striped mui-table-view-condensed my-grid-view-no" style="margin-bottom: 50px;"></ul><button class="mui-btn my-btn-buy-cancel">取消</button><button class="mui-btn my-btn-buy-know" disabled="disabled">确定</button></div></div>');
 				$.ajax(base_path + '/wechat/product/selectProductColor?dates=' + new Date().getTime(), {
 					data: {
 						"productId": productId //productId产品id
@@ -387,7 +355,8 @@
 					}
 				});
 				mui('#scroll').scroll({
-					indicators: true //是否显示滚动条
+					indicators: true, //是否显示滚动条
+					bounce: false //是否启用回弹
 				});
 			});
 			//确定事件