bootstrap мобильное меню не прокручивается вместо прокрутки фона - PullRequest
Новая
       24

bootstrap мобильное меню не прокручивается вместо прокрутки фона

1 голос
/ 27 мая 2020

У меня есть сайт, созданный в bootstrap, меню на рабочем столе работает нормально 

<button type="button" class="dropdown-toggle pull-left" data-toggle="dropdown" data-target="#navbar-menu" aria-expanded="true">
<i class="fa fa-bars"></i><span style="font-size: 10px;width:100%;float: left;"><b>menu</b></span>
</button>

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

.navbar-nav {
  height: 150vh; // <-- This will fix the collapse animation
}

.navbar-collapse.in {
   overflow-x: hidden;
   padding-right: 17px; // <-- Hide scroll bar, but still being able to scroll
}

@media (min-width: 768px) {
    .navbar-nav {
        height: auto;
    }
}

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

заранее спасибо

1 Ответ

1 голос
/ 27 мая 2020

Наконец-то я получил исправление для этого, я дал верх меню и дал прокрутку переполнения 

.navbar-nav {
  
	max-height:400px;
	overflow-y: scroll;
}
...