修改例子侧边栏小窗口下跳动 相同配置名的示例展开错乱 问题

Author: songyumeng

examples/css/sideBar.css

@@ -113,12 +113,12 @@ a.sidebar-toggle {
 .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
 .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
     border-radius: 0;
-    width: 220px;
+    width: 230px;
 }
 
 /*侧边栏收起后向右展开时一级菜单箭头的位置*/
 .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
-    left: 220px !important;
+    left: 230px !important;
 }
 
 .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -181,6 +181,24 @@ li.menuTitle a {
         height: 36px;
         left: 100%;
     }
+    /*侧边栏滚动设置 start*/
+    #sidebar-menu > li:hover .sidebar-title-bar {
+        position: static;
+    }
+
+    .sidebar-collapse #sidebar-menu > li:hover .sidebar-title-bar {
+        position: static;
+    }
+
+    #sidebar-menu > li:hover > ul {
+        position: static;
+        height: auto;
+    }
+
+    .sidebar-collapse #sidebar-menu > li:hover > ul {
+        position: static;
+        overflow-y: auto;
+    }
 }
 
 /*侧边栏滚动条*/

examples/js/sidebar.js

@@ -23,7 +23,7 @@ function sidebarScrollFix() {
         $titleBar.css({
             "top": ($(this).offset().top - $(window).scrollTop()) + "px",
             //fix由于侧边栏滚动条宽度引起的减少的宽度
-            "width": "223px"
+            "width": "233px"
         });
 
         //如果底部空间不够，动态增加侧边栏高度
@@ -44,12 +44,12 @@ function sidebarScrollFix() {
 
         //fix小尺寸屏幕下二级菜单高度高于窗口高度时显示不全的情况
         var $activeList = $(this).children('ul');
-        var activeListOffsetBottom = $(window).height() - visibleOffsetTop - $(this).height();
+        var activeListOffsetBottom = $activeList.height() - visibleOffsetTop;    //Math.abs($(window).height() - visibleOffsetTop - $(this).height());
         var requireActiveListHeight = $activeList.height();
         if (activeListOffsetBottom < requireActiveListHeight) {
             $activeList.css({"height": activeListOffsetBottom});
             //滚动条样式
-            $activeList.addClass('scroll-list');
+           $activeList.addClass('scroll-list');
         }
 
     }, function (evt) {

examples/leaflet/config.js

@@ -505,7 +505,7 @@ var exampleConfig = {
         name: "Elasticsearch",
         name_en: "Elasticsearch",
         content: {
-            "viz": {
+            "es_viz": {
                 name: "可视化",
                 name_en: "visualization",
                 content: [{