Скрытие основной полосы прокрутки на странице с помощью CSS

Question

Я хочу удалить только полосу прокрутки верхнего уровня, сохранив при этом несколько страниц.

Я нашел это, но он удаляет все полосы прокрутки.

::-webkit-scrollbar
{
  display:none;
}

Использование overflow: hidden; вcss тела, кажется, делает то, что я хочу, но я не могу прокрутить страницу вниз.

Подводя итог, я хочу скрыть только полосу прокрутки главной страницы, сохраняя при этом остальное и имея возможность прокрутки?

Answer 1

Попробуйте :

html, body {

    overflow:hidden;
}

или :

Существует правило CSS, которое может скрывать полосы прокрутки в браузерах на основе Webkit (Chromeи сафари).Это правило:

.element::-webkit-scrollbar { width: 0 !important }

Существует правило CSS, которое может скрывать полосы прокрутки в IE 10+.Это правило:

.element { -ms-overflow-style: none; }

Раньше существовало правило CSS, которое могло скрывать полосы прокрутки в Firefox, но с тех пор оно устарело.Это правило было:

.element { overflow: -moz-scrollbars-none; }