мобильное меню исчезает после прокрутки - PullRequest
0 голосов
/ 11 сентября 2018

мое меню на мобильном телефоне при открытии с меню гамбургера исчезает после прокрутки. это происходит только на телефоне или вы меняете высоту в браузере. он исчезает после прокрутки на мобильном телефоне, потому что высота сайта меняется, но вот как далеко я продвинулся с этим, я не понимаю, почему это происходит.

ссылка на сайт (https://www.beterlopenwinkel.nl/)

вот код JavaScript для меню

(function($) {

 $.fn.menumaker = function(options) {

  var cssmenu = $(this), settings = $.extend({
    title: "Menu",
    format: "dropdown",
    sticky: false
  }, options);

  return this.each(function() {
    cssmenu.prepend('<div id="menu-button"></div>');
    $(this).find("#menu-button").on('click', function(){
      $(this).toggleClass('menu-opened');
      var mainmenu = $(this).next('ul');
      if (mainmenu.hasClass('open')) {
        mainmenu.hide().removeClass('open');
      }
      else {
        mainmenu.show().addClass('open');
        if (settings.format === "dropdown") {
          mainmenu.find('ul').show();
        }
      }
    });

    cssmenu.find('li ul').parent().addClass('has-sub');

    multiTg = function() {
      cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');
      cssmenu.find('.submenu-button').on('click', function() {
        $(this).toggleClass('submenu-opened');
        if ($(this).siblings('ul').hasClass('open')) {
          $(this).siblings('ul').removeClass('open').hide();
        }
        else {
          $(this).siblings('ul').addClass('open').show();
        }
      });
    };

    if (settings.format === 'multitoggle') multiTg();
    else cssmenu.addClass('dropdown');

    if (settings.sticky === true) cssmenu.css('position', 'fixed');

    resizeFix = function() {
      if ($( window ).width() > 768) {
        cssmenu.find('ul').show();
      }

      if ($(window).width() <= 768) {
        cssmenu.find('ul').hide().removeClass('open');
      }
    };
    resizeFix();
    return $(window).on('resize', resizeFix);

  });
  };
  })(jQuery);

  (function($){
  $(document).ready(function(){

  $("#cssmenu").menumaker({
  title: "Menu",
  format: "multitoggle"
  });

  });
  })(jQuery);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...