Как скрыть полосу прокрутки и прокручиваемое содержимое?

Question

Я хочу напечатать мою html-страницу в PDF-файл, но не хочу, чтобы полоса прокрутки показывалась там в файле PDF. И моя страница есть прокручивать тело, так что если я установить это:

* { 
    overflow: hidden; 
} 

Тело будет неполным, в конечном файле PDF. Итак, если есть способ, просто запретить показ полосы прокрутки, но контент все еще прокручивается?

Answer 1

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

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

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

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

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

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

Answer 2

Вы можете установить отображение скроллинга никому по:

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

Это скроет все полосы прокрутки без отключения прокрутки.

Edit: это работает только на хроме, для лучшего объяснения вы можете проверить этот ответ Hidding Scrollbar