Как без жертв отключить скроллбар в Mozilla Firefox?

Question

[Дмитрий Сергеевич]

Всем привет! Сегодня я столкнулся с проблемой в Mozilla Firefox: он не может адекватно отключить скроллбар.

Я использовал разные хаки:

html {
	&:active { pointer-events: none; }
	overflow: -moz-scrollbars-none;
	overflow-x: hidden;
	overflow-y: hidden;
}

scrollbar[orient="vertical"] {
	display: none !important;
}

Все они убирают скроллбар вместе с возможностью прокрутки колесом. Знает ли кто-нибудь способ отключения скроллбара без отключения возможности использования колесика мыши? Главное чтобы этот способ не использовал лишние контейнеры и громоздкие плагины.

Answer 1

[Евгений Веденин]

Смысл в том, что делаем еще один внешний div с overflow: hidden , а на данный div вешаем overflow: scroll и делаем его ширину больше чем экран или родительский div на ширину системного скрола. Скролл остается, просто его не видно. И все работает. (вот тут подробно habrahabr.ru/company/2gis/blog/169359/)

Comments

[Дмитрий Сергеевич]

Воу, то что надо! Спасибо!

Answer 2

[bromzh]

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

Comments

[Дмитрий Сергеевич]

В моем случае дизайнер не предусмотрел в макете место под скроллбар, из-за чего в месте где строится Масонри секта все рушится. Лично я отрубаю скроллбар на лендингах, потому что там всегда прилепленная хэш навигация

[Дмитрий Сергеевич]

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

[Дмитрий Сергеевич]

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

Во-первых я всего лишь исполнитель. Если мне дают макет в котором проектировщик предусмотрел место под скроллбар я его оставляю, если нет -- не оставляю. Во-вторых, когда я делаю проекты для себя я думаю о пользователях. Отключая скроллбар я всегда предлагаю закрепленную хэшевую навигацию + ссылки быстрого переход. И делаю я в основном это только на своих лендингах.

Раз уж мы перешли на личности, то из-за таких глупых комментаторов как вы, современный сайты превратились черт знает в что.

[Дмитрий Сергеевич]

Для особо одаренных обобщу:

Разработчиками браузеров предусмотрена функция отключения скроллбара. Это значит что этот функционал востребован.

__Я не могу отвечать за то кто, как и c какой успешностью использует этот функционал__.

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

[bromzh]

Дмитрий Сергеевич: Вот такие сайты и бесят. Ок, стандартный скроллбар выглядит плохо и не всегда вписывается. Прикрути тогда кастомный, исчезающий. Но чтобы можно было зажать мышкой на него и крутить страницу.
Вот у меня, например, на тачпаде в ноуте перестал скролл работать. Что мне делать? Клавиатурой не хочу скроллить. Тем более, стрелки на этом сайте скролят по 5 пикселей. А PgUp/PgDown далеко от тачпада.

[Дмитрий Сергеевич]

bromzh: А про какой конкретно сайт идет речь?

[bromzh]

Дмитрий Сергеевич: event.studyon.guru