msgstr "ширина полосы прокрутки: нет;" не работает в Firefox 71, чтобы скрыть полосы прокрутки при разрешении прокрутки

Question

Согласно всем ответам о том, как скрыть полосы прокрутки при разрешении прокрутки, стандартный подход -

.hidescrollbar {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.hidescrollbar::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

Но я попробовал это в Firefox 71 и в стиле scrollbar-width: none; (который предназначен для Firefox) не работает. В FF 71 я вижу, что полосы прокрутки отображаются при превышении области просмотра.

Что-то изменилось (после FF66 +?), И этот плакат также поднял эту проблему. Его решение - сделать полосу прокрутки FF прозрачной. Но это все еще занимает место, тогда как мне нужно полностью это скрыть.

Существуют ли решения для последних версий FF, чтобы заменить scrollbar-width: none;?

Answer 1

Попробуйте приведенный ниже код, скрыв полосу прокрутки, установив ее ширину и значения фона:

/* make scrollbar transparent */
::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

.container {
  /* IE 10+ */
  -ms-overflow-style: none;

  /* Firefox */
  scrollbar-width: none;
}

.container::-webkit-scrollbar {
  /* Safari and Chrome */
  display: none;
}