滚动条未显示在 adminLTE 模板中

Question

我正在使用带有固定边栏的 adminLTE 模板。我在边栏部分有问题。当我单击子菜单时，侧边栏滚动不显示。但是当我加载 chrome 检查元素部分时，出现了滚动条。这是为什么？请检查附件图片

但是当我加载检查元素时，出现了滚动条。

Answer 1

我也面临同样的 issue.The 来自滚动插件高度检测的问题。第一次加载它读取一些高度并在相关数据上添加滚动。

然后你展开菜单。它仍然执行相同的高度。

Why its working after developer mode open ?

Because the window was resized that scroll plugin detect new height

所以我们需要在展开菜单 click/hover 上手动触发调整大小事件。在 click/hove 上使用以下代码，同时展开菜单

setTimeout(function () {
    $(window).trigger('resize');
  },10)

在菜单上创建 click/hover 事件 (inspect to find classname)

$(document).on('click hover','classnameOfMenu',function(){
  setTimeout(function () {
    $(window).trigger('resize');
  },10)
})

scroll bar did not display in adminLTE template