Как скрыть полосу прокрутки под блоком?

Question

[ТемноКот]

Доброго времени суток, уважаемые!
В вёрстке Bootstrap v5.0.2 возникла проблема с полосой прокрутки для таблиц на мобильных устройствах.
То есть тег с классом .table-responsive добавляет горизонтальную полосу прокрутки (тут всё нормально), но когда открываешь меню (стандартное бутстраповское) то полоса прокрутки получается поверх меню.

Подскажите, плиз, как её запихать под блок меню?

UPD. Решение проблемы:
Оказывается, у .table-responsive в бутстраповских стилях отсутствует позиционирование. Поэтому z-index не срабатывает. Необходимо добавить в класс .table-responsive стили position: relative; z-index: 1;

Answer 1

[Noder SS]

добавь ему overflow-x: hidden

Comments

[ТемноКот]

Ему - это кому? .table-responsive ? Так этот класс специально предназначен, чтобы таблица на мобильниках прокручивалась. Если я ему overflow-x: hidden приделаю, нафиг он вообще будет нужен?

[Алексей Ярков]

ТемноКот, так добавьте когда меню открывается

[ТемноКот]

Алексей Ярков, то есть лезть в JS и там вешать на кнопку меню обработчик, который через toggle будет добавлять в .table-responsive ещё классы типа "активе" - "деактиве"? А это не сильно извращённое колдунство? Обычных способов нет?

[Noder SS]

ТемноКот, пробовали поднять слой ? Подумав, могу сказать, что стоит заморачиваться и писать в ручную, или же я попросту не понимаю

[ТемноКот]

Ростик Кальченко, Пробовал со слоем. Зафигачил слою с менюшкой z-index: 9999; а в .table-responsive вообще z-index: 0; прописал. Нулевой итог.

UPD. Ёпт! Нашёл причину! У этого чёртового .table-responsive позиционирование отсутствует в бутстраповских стилях. А потому z-index не срабатывало. Добавил ему position: relative; z-index: 1; и прокрутка спряталась под меню!

[Noder SS]

ТемноКот, лол, не знал