Javascript Jasny从画布引导菜单:如何强制菜单在导航栏下滑动?

Javascript Jasny从画布引导菜单:如何强制菜单在导航栏下滑动?,javascript,css,jasny-bootstrap,Javascript,Css,Jasny Bootstrap,我想将静态(不可移动)标题添加到 以下是我目前的情况: 此文本不应移动 --------------------导航栏不应移动----------------------- 应该移动的内容。菜单应从导航栏下方的左侧滑动 问题是我不知道如何在“导航栏”下强制菜单滑动。 有什么想法吗?您需要添加top:120px使其显示在导航栏下方 .navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas { position: fi

我想将静态(不可移动)标题添加到

以下是我目前的情况:

此文本不应移动
--------------------导航栏不应移动----------------------- 应该移动的内容。菜单应从导航栏下方的左侧滑动
问题是我不知道如何在“导航栏”下强制菜单滑动。
有什么想法吗?

您需要添加
top:120px
使其显示在导航栏下方

.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
  position: fixed;
  z-index: 1050;
  top: 120px;
  bottom: 0;
  overflow-y: auto;
  border-radius: 0;
}

是的,这是直接的css解决方案,但我有响应性的布局,标题+导航栏高度对于不同的分辨率会有所不同。在这种情况下,我们可以使用媒体查询。顺便说一句,在演示示例中,菜单不知从何处出现,但我需要在“离画布推送菜单链接”中滑动。你知道怎么做吗?对那个offcanvas元素使用css3转换。它会给你类似的动画。
.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
  position: fixed;
  z-index: 1050;
  top: 120px;
  bottom: 0;
  overflow-y: auto;
  border-radius: 0;
}