Страница прокручивается бесконечно в Firefox, если я использую липкий элемент - PullRequest
Новая
       17

Страница прокручивается бесконечно в Firefox, если я использую липкий элемент

2 голосов
/ 07 ноября 2019

У меня есть простой макет контента / боковой панели с липкой боковой панелью. В Firefox, если боковая панель выше, чем содержимое, вы можете прокручивать бесконечно, полоса прокрутки становится все меньше и меньше. Вот демо: 

div {
  height: 200px;
  overflow: auto;
  border: 1px solid #000;
}

p {
  display: block;
  width: 60%;
  float: left;
  background: blue;
  height: 100px;
}

nav {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  float: right;
  width: 30%;
  height: 300px;
  background: green;
}
<div>
  <p></p>
  <nav></nav>
</div>

Отлично работает в Safari и Chrome, но я не могу это исправить в Firefox. Есть идеи, в чем может быть проблема? Спасибо

...