알림스타일 및 알림시 스크롤 금지 코드 추가

js/jquery.fancyalert.js

@@ -11,21 +11,25 @@ function fancyalert(msg)
     }
 
     box = "<div id=\"fancyalert\" style=\"top:"+scroll_top+"px;width:"+w+"px;height:"+h+"px;\">";
-    box += "<table>";
-    box + "<tr>";
-    box += "<td width=\""+w+"\" height=\""+h+"\">"+msg;
+    box += "<span>"+msg;
     box += "<br>";
     box += "<button type=\"button\" id=\"fancyalert_close\">확인</button>";
-    box += "</td>";
-    box += "</tr>";
-    box += "</table>";
+    box += "</span>";
     box += "</div>";
 
     $("body").append(box);
+
+    $("html, body").on("touchmove", blockScroll);
+}
+
+function blockScroll(event)
+{
+    event.preventDefault();
 }
 
 $(function() {
     $("#fancyalert_close").live("click", function() {
         $("#fancyalert").fadeOut().remove();
+        $("html, body").off("touchmove", blockScroll);
     });
 });

mobile/skin/shop/basic/style.css

@@ -84,5 +84,5 @@
 #loading_message img {position:relative;opacity:1.0}
 
 /* 알림 box */
-#fancyalert {position:absolute;top:0;left:0;z-index:10000;background-color:#000;opacity: 0.5}
-#fancyalert td { color:#fff;text-align: center;opacity:1.0}
+#fancyalert {display:table;position:absolute;top:0;left:0;z-index:10000;background-color:#000;opacity: 0.5;text-align:center}
+#fancyalert span {display:table-cell;vertical-align:middle;color:#fff;opacity:1.0}