Разрешить мобильную прокрутку на аккордеоне, когда li открыт

Question

Я работаю над этим мобильным меню, и мне нужно разрешить прокрутку меню, когда значения li превышают высоту окна. Я был близко, но если вы откроете больше, чем один, прокрутка перерывов.

Просмотр в мобильном телефоне ...

https://www.sailpoint.com/

  $('#menu-wip-mobile').on('click', function(e){

//the li

      if($('.dropdown-toggle--submenu'.hasClass('show-submenu')){

// add scroll to mobile menu if li is open
      $('.navbar__menu__container ').css("overflow-y", "scroll");
    } else{

// remove scroll
      $('.navbar__menu__container ').css("overflow-y", "hidden");
    }
    }
  })

Также необходимо отключить прокрутку тела при открытом меню. Это в значительной степени работает при тестировании.

 $('.dropdown-toggle--main').unbind('click').click(function(e) {
  // disabling y scrolling when open
    if($(this).parent().hasClass('show')){
       $('body').css("overflow-y", "hidden");
    } else{
       $('body').css("overflow-y", "scroll");
    }
  });

Answer 1

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

Попробуйте:

overflow-y: scroll;
max-height: 50vh;

на вашем .dropdown-submenu.

Выглядит так: посмотрите на внутреннюю полосу прокрутки в LI