Прокрутка на панели навигации Bootstrap не работает в Safari на iOS - PullRequest
Новая
       11

Прокрутка на панели навигации Bootstrap не работает в Safari на iOS

0 голосов
/ 20 сентября 2019

У меня есть отзывчивый мобильный сайт, который отлично работает на Chrome и IE.Однако в Safari он не позволяет вам прокручивать страницу вниз.

Bootstrap имеет max-height из 340px, который я переопределил, и установил его на высоту 100vh, который не работаетв Safari я добавил переполнение страниц.

<nav class="navbar navbar-default navbar-fixed-top visible-xs menu-open">
  <div class="container-fluid menu">
    <div class="collapse navbar-collapse" id="navbar-collapse-menu" data-class="menu" data-text="Menu">
      //blah blah content opens
    </div>
  </div>
</nav>

/* Bootstrap CSS */
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

/* My CSS */
.menu-open>.container-fluid {
  height: 100vh !important;
}

.navbar-default>.menu.container-fluid {
  overflow-x: scroll;
  overflow-y: scroll;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: none !important;
}

Я пытался добавить следующее 

-webkit-overflow-scrolling: touch;

Это по-прежнему не прокручивает мою страницу, это происходит только в Safari.Что я делаю не так?

1 Ответ

1 голос
/ 20 сентября 2019

хорошо, так что я не знаю почему, но я изменил css на следующий, и это сработало, так что просто, если у кого-то есть такая же проблема, это все, что я сделал 

.navbar-default > .menu.container-fluid {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
...