Скрытые полосы прокрутки в Firefox (позволяет прокручивать, но просто нет полосы прокрутки)

Question

Я хотел бы создать div, который может прокручиваться, но не отображает полосы прокрутки. Я нашел решение для Webkit (ниже), но как это можно сделать в других браузерах?

Я бы предпочел не использовать плагин javascript. Надеемся найти решение для CSS или конкретного поставщика.

---

Webkit Solution

#photoreel::-webkit-scrollbar {
    height: 0;
    width: 0;
}
#photoreel {
    overflow-x: scroll;
    overflow-y: hidden;
}

Answer 1

Вы должны заключить свой прокручиваемый div в другой div с overflow:hidden, который скрывает полосу прокрутки.

См., Например, http://jsfiddle.net/qqPcb/.

Кстати: та же техникаиспользуется миленьким плагином jQuery под названием jScrollPane

Answer 2

Если вы имеете в виду полосу прокрутки, которую создает Firefox (например, справа на этой странице), то я не думаю, что вы можете.См. ссылку для лучшего объяснения

Answer 3

2019 решение

Начиная с Firefox 64 для этого существует совершенно простое решение (работает только в Firefox и Firefox mobile)

scrollbar-width: none;

Проверьте docs

Для участников из поста, помеченного как дубликата , также доступно решение MS Edge:

-ms-overflow-style: -ms-autohiding-scrollbar;

Answer 4

ну, есть гораздо более простой способ! просто положи

    ::-webkit-scrollbar {
    width: 0px;
    height: 10px;
    }           

в вашем стиле CSS и все готово!