Скрыть прокрутки/удалить полосы прокрутки

Question

Я было интересно, довольно долгое время, как вы можете достичь этого: https://www.apple.com/mac-pro/

Как я положил его в своих собственных условиях, удаляя скроллбар или скрывая его. Я знаю, что вы можете легко положить overflow:hidden, но это не решит проблему, как в Chrome, например, она не позволит вам прокручивать колесико мыши (довольно раздражает).

Я давно искал, как добиться чего-то похожего на то, что, кстати, я понятия не имею, как его называть (опять же я ищу его как скрывающий полосу прокрутки, удаление полосы прокрутки), но без успеха все же.

Если кто-то может указать мне в правильном направлении, это было бы действительно потрясающе!

Answer 1

Я думаю, что страница не заполняет больше, чем окно, поэтому нет полосы прокрутки. Когда вы прокручиваете вверх или вниз, есть, скорее всего, прослушиватели событий, которые просто изменяют содержимое.

body {overflow: hidden} будет работать в некоторых браузерах, но не для всех - Итак, чтобы избежать полосы прокрутки, просто не получите больше содержимого, чем окно.

Answer 2

Кажется, что слегка измененный прием на прокрутку Parallax.

Если вы Google для этого, вы можете найти миллион и один различных способов сделать это, учебники, примеры, шаблоны и т.д.

Answer 3

Изменить overview.css на линии нет 10

position: fixed; 

Удалить из следующих overview.css на линии 415 и 8

overflow: hidden; 

Answer 4

Просто добавьте код ниже в ваш файл css.

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

Внимание! Это отключит все полосы прокрутки, поэтому не забудьте поместить их в определенный класс или идентификатор, если вы просто хотите, чтобы он был скрыт.