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

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

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

Решение Webkit

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

Ответы

Ответ 1

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

См. http://jsfiddle.net/qqPcb/ для примера.

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

Ответ 2

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

Ответ 3

Решение 2019 года

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

scrollbar-width: none;

Проверьте документы

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

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

Ответ 4

Хорошо, есть намного более простой способ! просто поставьте

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

в вашем стиле css, и вы закончили с!