修复BUG：前端配置好跨域菜单后，出现多重滚动条

Bootstrap.Admin/Content/css/admin.css

@@ -123,10 +123,15 @@
 }
 
 #main-content {
+    padding: 15px 15px 0 15px;
     margin-left: 210px;
     height: auto;
 }
 
+    #main-content > .panel:last-child .panel-body {
+        padding-bottom: 0;
+    }
+
     #main-content > .panel > .panel-body > .modal-footer {
         text-align: left;
     }

Bootstrap.Admin/Content/css/site-responsive.css

@@ -69,19 +69,4 @@
         top: 94px;
         overflow: auto;
     }
-
-    .content-body {
-        position: fixed;
-        left: 0;
-        bottom: 40px;
-        right: 0;
-        top: 94px;
-        overflow: auto;
-    }
-
-        .content-body iframe {
-            width: 100%;
-            border: none;
-            overflow: hidden;
-        }
 }

Bootstrap.Admin/Content/css/site.css

@@ -27,14 +27,6 @@ a, a:hover, a:focus {
     color: #fff;
 }
 
-#main-content {
-    padding: 15px 15px 0 15px;
-}
-
-    #main-content > .panel:last-child .panel-body {
-        padding-bottom: 0;
-    }
-
 .header, .footer {
     padding: 0 15px;
 }
@@ -558,7 +550,19 @@ ul.breadcrumb {
         padding-right: 6px;
     }
 
-.content-body iframe {
+
-    width: 100%;
+.content-body {
-    border: none;
+    position: fixed;
+    left: 0;
+    bottom: 40px;
+    right: 0;
+    top: 94px;
+    background-image: url('../images/bg.jpg');
+    overflow: hidden;
 }
+
+    .content-body iframe {
+        width: 100%;
+        height: 100%;
+        border: none;
+    }

Bootstrap.Admin/Controllers/HomeController.cs

@@ -19,7 +19,6 @@ namespace Bootstrap.Admin.Controllers
         public ActionResult Index()
         {
             var v = new ContentModel();
-            v.Url = "/Content/html/dummy.html";
             return View(v);
         }
         /// <summary>

Bootstrap.Admin/Scripts/Content.js

@@ -1,16 +1,13 @@
 $(function () {
-    $('#navbar').attr('data-toggle', "dropdown").addClass('dropdown-toggle');
+    if ($.browser.versions.ios) $('#content').css({ 'overflow': 'auto', '-webkit-overflow-scrolling': 'touch' });
-    function iframeResposive() {
+    function setActive(ele) {
-        try {
+        ele.addClass('active');
-            var fra = $('iframe').get(0);
+        ele.parents("ul").first().find('p').addClass('active');
-            fra.height = fra.contentDocument.body.offsetHeight;
+        var breadcrumb = ele.text();
-        }
+        if (breadcrumb === "") $breadNav.hide();
-        catch (e) {
+        else $breadNav.text(breadcrumb);
-        }
     }
-    $(window).on('load', iframeResposive);
+    $('#navbar').attr('data-toggle', "dropdown").addClass('dropdown-toggle');
-    $(window).on('resize', iframeResposive);
-
     var $subMenu = $('#submenu');
     var $breadNav = $('#breadNav');
     $subMenu.on('click', 'a', function (event) {
@@ -26,11 +23,4 @@
         var $this = $(this);
         if ($this.attr('href') == window.location.pathname) setActive($this);
     });
-    function setActive(ele) {
-        ele.addClass('active');
-        ele.parents("ul").first().find('p').addClass('active');
-        var breadcrumb = ele.text();
-        if (breadcrumb === "") $breadNav.hide();
-        else $breadNav.text(breadcrumb);
-    }
 });

Bootstrap.Admin/Views/Home/Index.cshtml

@@ -8,6 +8,6 @@
 @section header {
     @Html.Partial("Header", Model)
 }
-<div class="content-body">
+<div id="content" class="content-body">
     <iframe src="@Model.Url"></iframe>
 </div>