首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Sb管理模板用于引导4边菜单问题

Sb管理模板用于引导4边菜单问题
EN

Stack Overflow用户
提问于 2021-07-13 12:36:12
回答 1查看 604关注 0票数 0

我使用side 2模板来引导4,并且我面临着边菜单的问题。当网站显示在便携设备上时,应该隐藏侧菜单,而应该出现汉堡包图标。但不是这样的,见下图。我能查到什么?谢谢

正常尺寸显示器:

便携式设备(应隐藏红色圆圈边框):

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-07-26 12:44:04

我找到了解决方案,只需编辑sb-admin-2.js文件,如下所示:

代码片段-在之前

代码语言:javascript
运行
复制
// Toggle the side navigation
  $("#sidebarToggle, #sidebarToggleTop").on('click', function(e) {
    $("body").toggleClass("sidebar-toggled");
    $(".sidebar").toggleClass("toggled");
    if ($(".sidebar").hasClass("toggled")) {
      $('.sidebar .collapse').collapse('hide');
    };
  });
...
  // Prevent the content wrapper from scrolling when the fixed side navigation hovered over
  $('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel', function(e) {
    if ($(window).width() > 768) {
      var e0 = e.originalEvent,
        delta = e0.wheelDelta || -e0.detail;
      this.scrollTop += (delta < 0 ? 1 : -1) * 30;
      e.preventDefault();
    }
  });

代码片段-在之后

代码语言:javascript
运行
复制
  // Toggle the side navigation
  $(document).on('click', '#sidebarToggle, #sidebarToggleTop', function(e) {
    $("body").toggleClass("sidebar-toggled");
    $(".sidebar").toggleClass("toggled");
    if ($(".sidebar").hasClass("toggled")) {
      $('.sidebar .collapse').collapse('hide');
    };
  });
...
  // Prevent the content wrapper from scrolling when the fixed side navigation hovered over
  $(document).on('mousewheel DOMMouseScroll wheel', 'body.fixed-nav .sidebar', function(e) {
    if ($(window).width() > 768) {
      var e0 = e.originalEvent,
        delta = e0.wheelDelta || -e0.detail;
      this.scrollTop += (delta < 0 ? 1 : -1) * 30;
      e.preventDefault();
    }
  });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68362539

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档